Change #29465
2014-08-07
16:49:46
|
create
Calagator::Event
1250466786
UI developer toolkit: Tooling, performance and boilerplates.
Roll back
description |
nil |
→ |
<p>Join us August 14 for a presentation by Edward Irby on the UI Developers toolkit.</p> <p>There’s a military adage, prior preparation prevents poor performance. It’s something we can apply to all parts of our lives and work. It’s especially true when designing and building a web UI.</p> <p><br>In this talk we will explore the tools, methods and schleppy pre-work interaction designers and UI developers can do to move from paper to style guide to interactive prototype.</p> <p><b>This will not be an introduction to front-end dev tools. You should have some familiarity with:</b></p> <p>• Taskrunner/build system (Gulp or Grunt)</p> <p>• SASS</p> <p>• Sourcemaps in JS and SASS</p> <p>• Module loaders (Require, Browserfy or Webpack)</p> <p>• Lightweight view engines (Vue JS, React JS, Rivets JS or Ractive JS)</p> <p><br><b>Want to get up to speed? Here are some reading list to help. </b></p> <p>Google Web Fundamentals: <a href="https://developers.google.com/web/fundamentals/" class="linkified">https://developers.google.com/web/fundamentals/</a> </p> <p>Performance Profiling: <a href="https://developer.chrome.com/devtools/docs/timeline" class="linkified">https://developer.chrome.com/devtools/docs/timeline</a></p> <p><br>How do you design interaction:<br><a href="http://www.smashingmagazine.com/2014/07/21/how-do-you-design-interaction/" class="linkified">http://www.smashingmagazine.com/2014/07/21/how-do-you-design-interaction/</a></p> <p><br>BEM methodology for small projects: <a href="http://www.smashingmagazine.com/2014/07/17/bem-methodology-for-small-projects/" class="linkified">http://www.smashingmagazine.com/2014/07/17/bem-methodology-for-small-projects/</a></p> <p><br>Style Guide driven development: <a href="http://www.stubbornella.org/content/2014/04/09/style-guide-driven-development/" class="linkified">http://www.stubbornella.org/content/2014/04/09/style-guide-driven-development/</a></p> <p><br>CSS @supports: <a href="http://davidwalsh.name/css-supports" class="linkified">http://davidwalsh.name/css-supports</a></p> <p><br>RWD Bloat: <a href="http://daverupert.com/2014/07/rwd-bloat/" class="linkified">http://daverupert.com/2014/07/rwd-bloat/</a></p> <p><br>CSS triggers: <a href="http://aerotwist.com/blog/css-triggers/" class="linkified">http://aerotwist.com/blog/css-triggers/</a></p> <p>
NEW SPACE ALERT!!! - Everyone! While Thetus Corporation is still kind enough to be hosting us, they have moved to a new building on Broadway. I will be sending out another email with details on how to get into the building in the day or two.</p> |
id |
nil |
→ |
1250466786 |
source_id |
nil |
→ |
996335058 |
start_time |
nil |
→ |
2014-08-14 18:45:00 -0700 |
title |
nil |
→ |
UI developer toolkit: Tooling, performance and boilerplates. |
url |
nil |
→ |
http://www.meetup.com/pdxweb/events/197555672/ |
venue_id |
nil |
→ |
202394591 |
|