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
960
Thinking beyond "Scalable CSS"
necolas
14
6.9k
Making Twitter UI Infrastructure
necolas
14
4k
Adaptation and Components
necolas
6
1.3k
CSS Application Architecture
necolas
15
550
The purification of web development
necolas
5
420

Other Decks in Programming

See All in Programming
Kotlin2でdataクラスの copyメソッドを禁止する/Data class copy function to have the same visibility as constructor
eichisanden
1
140
讓數據說話：用 Python、Prometheus 和 Grafana 講故事
eddie
0
350
[PyCon Korea 2024 Keynote] 커뮤니티와 파이썬, 그리고 우리
beomi
0
110
CSC305 Lecture 13
javiergs
PRO
0
130
ECSのサービス間通信 4つの方法を比較する 〜Canary,Blue/Greenも添えて〜
tkikuc
11
2.3k
役立つログに取り組もう
irof
26
8.7k
カスタムしながら理解するGraphQL Connection
yanagii
1
1.2k
のびしろを広げる巻き込まれ力:偶然を活かすキャリアの作り方/oso2024
takahashiikki
1
410
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
1
290
Pinia Colada が実現するスマートな非同期処理
naokihaba
2
160
Golang と Erlang
taiyow
8
1.9k
Honoの来た道とこれから
yusukebe
19
3k

Featured

See All Featured
Building Your Own Lightsaber
phodgson
102
6k
YesSQL, Process and Tooling at Scale
rocio
167
14k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
A better future with KSS
kneath
238
17k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
Facilitating Awesome Meetings
lara
49
6k
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
Building Adaptive Systems
keathley
38
2.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.8k
Documentation Writing (for coders)
carmenintech
65
4.4k

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