Join us August 14 for a presentation by Edward Irby on the UI Developers toolkit.

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.

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.

This will not be an introduction to front-end dev tools. You should have some familiarity with:

• Taskrunner/build system (Gulp or Grunt)

• SASS

• Sourcemaps in JS and SASS

• Module loaders (Require, Browserfy or Webpack)

• Lightweight view engines (Vue JS, React JS, Rivets JS or Ractive JS)

Want to get up to speed? Here are some reading list to help. 

Google Web Fundamentals: https://developers.google.com/web/fundamentals/ 

Performance Profiling: https://developer.chrome.com/devtools/docs/timeline

How do you design interaction:
http://www.smashingmagazine.com/2014/07/21/how-do-you-design-interaction/

BEM methodology for small projects: http://www.smashingmagazine.com/2014/07/17/bem-methodology-for-small-projects/

Style Guide driven development: http://www.stubbornella.org/content/2014/04/09/style-guide-driven-development/

CSS @supports: http://davidwalsh.name/css-supports

RWD Bloat: http://daverupert.com/2014/07/rwd-bloat/

CSS triggers: http://aerotwist.com/blog/css-triggers/

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.