Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML5 Boilerplate: past, present, and future

HTML5 Boilerplate: past, present, and future

Musing and opinions about HTML5 Boilerplate and working on open source code.

Video: http://vimeo.com/66468638

Nicolas Gallagher

May 31, 2013
Tweet

More Decks by Nicolas Gallagher

Other Decks in Programming

Transcript

  1. HTML5 Boilerplate past,
    present, and future
    Nicolas Gallagher
    @necolas

    View Slide

  2. HTML5 Boilerplate
    Normalize.css
    SUIT toolkit
    Idiomatic CSS

    View Slide

  3. View Slide

  4. Has been used by…
    Google
    Microsoft
    Twitter
    NASA
    Nike
    etc.

    View Slide

  5. In the beginning…

    View Slide

  6. “Markup zygote”

    View Slide

  7. HTML
    CSS
    JS libraries
    Build script
    Test framework

    View Slide

  8. Removing the test framework

    View Slide

  9. Removing the build script

    View Slide

  10. Removing hot pink

    View Slide

  11. View Slide

  12. View Slide

  13. Spin-off libraries

    View Slide

  14. Consuming normalize.css

    View Slide

  15. View Slide

  16. Also used by…
    Twitter Bootstrap
    YUI 3
    TweetDeck
    Soundcloud
    GOV.UK
    Guardian
    Rdio
    Medium
    …and others.

    View Slide

  17. Consuming .htaccess

    View Slide

  18. View Slide

  19. v1.0...v4.1.0
    3,094 (+) and 12,751(-)
    github.com/h5bp/html5-boilerplate/compare/v1.0...v4.1.0

    View Slide

  20. Smaller scope. Wider adoption

    View Slide

  21. View Slide

  22. Limit scope

    View Slide

  23. Project maintenance

    View Slide

  24. Write documentation early

    View Slide

  25. Core developers

    View Slide

  26. View Slide

  27. View Slide

  28. Not too many cooks

    View Slide

  29. But find collaborators!

    View Slide

  30. Lessons from volunteering

    View Slide

  31. Give people responsibility

    View Slide

  32. Make people feel appreciated

    View Slide

  33. We made mistakes

    View Slide

  34. What about the future?

    View Slide

  35. Evolution of tooling

    View Slide

  36. View Slide

  37. github.com/twitter/bower

    View Slide

  38. github.com/gruntjs/grunt

    View Slide

  39. github.com/yeoman/yo

    View Slide

  40. Future of the Web Platform

    View Slide

  41. Web Components

    View Slide

  42. Built-in destruction

    View Slide

  43. Fin

    View Slide