Export to

• Google Calendar
• iCalendar file
• hCalendar markup
  <div class="vevent h-event"> <h1 class="summary p-name">UI developer toolkit: Tooling, performance and boilerplates.</h1> <div class='date'><time class="dtstart dt-start" title="2014-08-14T18:45:00" datetime="2014-08-14T18:45:00">Thursday, August 14, 2014 at 6:45pm</time></div> <div class="location vcard p-location h-card"> <a class="url" href='http://calagator.org/venues/202394591'><span class='fn org p-name'>Thetus Corporation</span></a> <div class="adr p-adr h-adr"> <div class="street-address p-street-address">326 SW Broadway</div> <span class="locality p-locality">Portland</span> , <span class="region p-region">OR</span> <span class="postal-code p-postal-code">97205</span> <div class="country-name p-country-name">us</div> (<a href='https://maps.google.com/maps?q=326%20SW%20Broadway,%20Portland%20OR%2097205%20us'>map</a>) </div> </div> <div class="description p-description"> <p>Join us August 14 for a presentation by Edward Irby on the UI Developers toolkit.</p> <p> </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></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> </div> <h3>Links</h3> <ul> <li><a class="url u-url" href="http://www.meetup.com/pdxweb/events/197555672/">Website</a></li> </ul> </div>