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

HTML5 Boilerplate: past, present, and future

Nicolas Gallagher
May 31, 2013
Programming
4
250

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

See All by Nicolas Gallagher
React Native for web and beyond
necolas
5
980
Thinking beyond "Scalable CSS"
necolas
14
6.9k
Making Twitter UI Infrastructure
necolas
14
4.1k
Adaptation and Components
necolas
6
1.3k
CSS Application Architecture
necolas
15
570
The purification of web development
necolas
5
490

Other Decks in Programming

See All in Programming
Vibe Coding の話をしよう
schroneko
12
2.8k
Contribute to Comunities | React Tokyo Meetup #4 LT
sasagar
0
530
「”誤った使い方をすることが困難”な設計」で良いコードの基礎を固めよう / phpcon-odawara-2025
taniguhey
0
170
Strategic Design (DDD) for the Frontend @DDD Meetup Stuttgart
manfredsteyer
PRO
0
160
The Efficiency Paradox and How to Save Yourself and the World
hollycummins
0
110
Dissecting and Reconstructing Ruby Syntactic Structures
ydah
1
770
DataStoreをテストする
mkeeda
0
300
地域ITコミュニティの活性化とAWSに移行してみた話
yuukis
0
250
Building a macOS screen saver with Kotlin (Android Makers 2025)
zsmb
1
160
Qiita Bash
mercury_dev0517
2
200
AIコーディングエージェントを 「使いこなす」ための実践知と現在地 in ログラス / How to Use AI Coding Agent in Loglass
rkaga
4
620
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
170

Featured

See All Featured
The Language of Interfaces
destraynor
157
25k
Building Applications with DynamoDB
mza
94
6.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.2k
Why Our Code Smells
bkeepers
PRO
336
57k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Code Reviewing Like a Champion
maltzj
522
40k
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
390
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k

Transcript

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

  2. HTML5 Boilerplate Normalize.css SUIT toolkit Idiomatic CSS

  3. None

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

  5. In the beginning…

  6. “Markup zygote”

  7. HTML CSS JS libraries Build script Test framework

  8. Removing the test framework

  9. Removing the build script

  10. Removing hot pink

  11. None
  12. None

  13. Spin-off libraries

  14. Consuming normalize.css

  15. None

  16. Also used by… Twitter Bootstrap YUI 3 TweetDeck Soundcloud GOV.UK

    Guardian Rdio Medium …and others.

  17. Consuming .htaccess

  18. None

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

  20. Smaller scope. Wider adoption

  21. None

  22. Limit scope

  23. Project maintenance

  24. Write documentation early

  25. Core developers

  26. None
  27. None

  28. Not too many cooks

  29. But find collaborators!

  30. Lessons from volunteering

  31. Give people responsibility

  32. Make people feel appreciated

  33. We made mistakes

  34. What about the future?

  35. Evolution of tooling

  36. None

  37. github.com/twitter/bower

  38. github.com/gruntjs/grunt

  39. github.com/yeoman/yo

  40. Future of the Web Platform

  41. Web Components

  42. Built-in destruction

  43. Fin