Can't You Make It More Like Bootstrap?
summary
Origami is a five‑person front-end component system that unifies FT styles and cuts duplicated work; it serves CSS and JS via the origami build service and records 239 million requests/month and ~9 TB served through Akamai. HTML templates are copy‑and‑paste today (no universal templating), which causes fragmentation like four different close buttons on ft.com; an NPM-based origami build tools workflow powers the new responsive Next site and lets teams release styles independently of a three‑month ft.com cycle. Documentation is rewritten with Django principles and a style guide.
AI-written summary · about
chapters (16)
- 0:00Introduction to Origami
- 1:12The FT landscape
- 3:07Website variety
- 6:16Inconsistency challenges
- 8:24The next generation site
- 9:53Component system structure
- 12:58Tooling and complexity
- 14:44Implementing the tools
- 18:21Template delivery options
- 20:36Origami build service
- 22:12Build tools for control
- 23:55Internal market software
- 25:30Documenting for usability
- 27:57Improving documentation
- 29:20Marketing the system
- 31:07Final takeaways
related talks
26mCan't You Just Make It More like Bootstrap?
44mThe Future is in Pieces
34mPatternFly Elements - A Performant Design System
21mComponent-based Design System and Development
20mYour Very Own Component Library
44mAtomic Design and Storybook to Boost Frontend Dev Productivity
24mThe Way of the Web
25mEnterprise Final Frontier – is it possible to change the corporate ways...