Big Bang Redesign: Smashing Magazine’s 2017 Relaunch
summary
Smashing Magazine migrates from WordPress to a GitHub-based JAM Stack editorial workflow, a static-site build that removes the database and yields dramatic page-speed gains. The rebuild uses Webpack, React, Flexbox (moving toward CSS Grid), HTTP/2, service workers and server-less pieces; layouts rely on fluid typography math to avoid media-query bloat. The team ships a unified platform for 2,500 articles, comments and membership, cuts ad fragility and reports breathtaking performance improvements.
AI-written summary · about
chapters (10)
- 0:00Introduction to the redesign
- 1:21Defining the core problem
- 4:31Building the team and vision
- 6:10Design approach and branding
- 8:37Developing the visual language
- 12:30Front-end and media queries
- 14:41Solving complex layout issues
- 19:28Refining responsive architecture
- 21:18Fluid typography and scaling
- 29:37Conclusion and future steps
