HTML5 Boilerplate: past, present, and future

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

Video: http://vimeo.com/66468638

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