Learnings from HTML5 Dev CONFerence

October 2013

Stats

thousands of attendees
dozens of sponsors
2 days
132 sessions

Day 1

  • What is in store for the future of Angular
    • Mishko: pushing browser standards; better integration with other frameworks' widgets; no support for IE8-
  • Finally! Layout in CSS
    • Flexbox, viewport, grid, region, shape
  • JavaScript simplified
    • Hack Reactor video courses
    • Youtube: Marcus Phillips javascript
  • Leveling up with Angular
  • d3 jumpstart for Beginners (Oswald Campesato)
  • Comparing Bootstrap and Foundation (Jen Kramer)

Day 2

  • Doug Crockford: Which way is forward
    • JS Standards
    • Progress does not wait for a new idea. It happens when enough consensus is built around an old idea (e.g. Dejkstra & goto)
    • Numbers in JS: proposed Dec64 representation
    • Introducing "~" concatenation operator
    • Moving away from prototypal inheritance is not good
    • Static data types are not good
    • Functional programming in JS is a big thing now and will move forward

Day 2 (cont.)

  • Anant Narayanan: Building JS APIs for Browsers
    • Browser inconsistencies
    • Event loop 
      • some functions spin it 
      • user function may not be called
    • Iframes
      • how to allow iframe code to use parent code from subdomain
      • when iframe is closed it's code keeps running in IE9
    • Web Sockets crashes (examples for mobile browsers)
    • Audio: different browsers support different formats
    • Web RTC: APIs still in flux ... v


    • Graphics
      • Canvas is the best bet across browsers
      • IE8- use wrapper like FlashCanvas
      • WebGL - not in IE10-
      • famo.us - new graphics framework, which does not rely on plugins
    • Tools
      • Domain Specific Libraries: Firebase, famo.us, Box2D, OpenTok
      • Feature support: caniuse.com, html5please.com
      • Cross-browser testing: BrowserStack, TestSwarm, BrowserSwarm

DAY 2 (CONT.)

  • Atomic CSS: Rethinking CSS best practices
    • use programmable css (scss, sass, less, compass)
    • define reusable "pluggable" components
    • construct (use @import)
      • pages from components 
      • components from atoms 
      • atoms from quarks
    • article: smashingmagazine.com
    • example: intuit css

DAY 2 (CONT.)

  • Paul Trani @ adobe: 10 easy-to-implement usability findings
  1. Know how to lead the eye (put most relevant info where the eye goes naturally)
  2. Multi-level nav is tricky to navigate; use click and open
  3. Assume that your categories may be confusing to some
  4. Use color to match emotions (R - stimulate appetite, B - big business, Y - enhances concentration, G - calm, health, nature, W - purity, patience
  5. Use fonts and text legibly
  6. Get feedback from others
  7. Attractive things work better. Design rules :)
  8. (next slide)


  • continued
    • 8. Internal search is crucial
      • 18-char field - 73%; 27-char - 90% of queries
      • relevance of search results
    • 9. Links should look like links
    • 10. Engage and Delight your visitors

DAY 2 (CONT.)

  • Dan Holmund @ Twitter: SQLR - Secure Authentication w/o Passwords
    • why uid/pwd is broken
      • security breaches
      • careless users
      • malware
      • etc...
    • most tech savvy people use "better" passwords
      • salting and hashing
      • enforced policies
      • use password managers
      • use multi-factor auth (+ secureID, fingerprints, mobile phone, smart card, retina scan, dna, Yubikey)

SQLR (cont.)

    • SQLR proposal
    • SQLR login screen
      • shows QR code 
      • user scans it with a phone app reader.
    • SQLR:
      • No shared secrets
      • No third party involved
      • multi-factored
      • out-of-band auth
      • simple user experience

Questions & Answers (MAYBE)

  • slides are posted on Confluence: Engineering Brown Bags page

HTML5Dev October 2013

By pbosin

Made with Slides.com

HTML5Dev October 2013

  • 677

More from pbosin