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

HTML5 Boilerplate: past, present, and future

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Nicolas Gallagher Nicolas Gallagher
May 31, 2013
Programming
4
290

HTML5 Boilerplate: past, present, and future

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

Video: http://vimeo.com/66468638

Avatar for Nicolas Gallagher

Nicolas Gallagher

May 31, 2013
Tweet

More Decks by Nicolas Gallagher

See All by Nicolas Gallagher
React Native for web and beyond
Avatar for Nicolas Gallagher necolas
5
1k
Thinking beyond "Scalable CSS"
Avatar for Nicolas Gallagher necolas
14
7k
Making Twitter UI Infrastructure
Avatar for Nicolas Gallagher necolas
14
4.3k
Adaptation and Components
Avatar for Nicolas Gallagher necolas
6
1.4k
CSS Application Architecture
Avatar for Nicolas Gallagher necolas
15
600
The purification of web development
Avatar for Nicolas Gallagher necolas
5
600

Other Decks in Programming

See All in Programming
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
140
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
5
770
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
470
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
840
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
200
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
720
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k

Featured

See All Featured
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
56
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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