UI developer toolkit: Tooling, performance and boilerplates.
Details
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 boilerplate/starter-kit.
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.
