HTML5DevConf 2014 Overview

Takeaways from a designer's perspective

10/23/2014

What is HTML5DevConf?

• Technical conference for frontend development
• Get an understanding of the latest trends and best practices
• Learn more about what's coming in the browser

Favorite Sessions

WAI-ARIA: Awesome for Everyone

• Getting reminded of the importance of accessibility
• WAI - Web accessibility initiative
  Aria - Accessible rich internet applications 
• Sea of divs = bad
• Best practices/Helpful links:
  • http://www.w3.org/WAI/
  • http://www.w3.org/WAI/intro/aria.php

Icons and the Web

• Overview of icon methods (images/sprites, font icons, svg icons)
• SVG is exciting but browser support is limited
• Link to deck for more: http://betravis.github.io/icons-and-the-web/#/

Scaling A/B testing with Node.js

• At Netflix, everything is A/B tested
• Data driven development
• Went over templating and packaging methods
• Slides found here: http://www.slideshare.net/AlexLiu24/html5-devconf-scaling-ab-testing-on-netflixcom-with-nodejs

Engaging Apps: Service Workers, Push, and Notifications

• The Extensible Web Manifesto
• Offline that works (TM)
  • Offline is Bootstrap + sync
  • Don't be that person that puts up a progress bar
• Slides: https://t.co/ryQxd4kZvy

Freeing the Floats of the Future From the Tyranny of the Rectangle

• CSS Shapes fun!
• Chrome extension to experiment with CSS Shapes: http://razvancaliman.com/writing/css-shapes-editor-chrome/
• Slides: http://bemjb.github.io/freeingfloatstalk/#/