Viewing 0 current events matching “meetup:event=197555672” by Date.

Sort By: Date Event Name, Location , Default
No events were found.

Viewing 1 past event matching “meetup:event=197555672” by Date.

Sort By: Date Event Name, Location , Default
Thursday
Aug 14, 2014
UI developer toolkit: Tooling, performance and boilerplates.
Thetus Corporation

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.

Website