Atomic design in responsive design
summary
Argues that atomic design plus reuse of tested components speeds delivery: builds a portfolio site from Bootstrap templates, codes in Dreamweaver and designs in browser, ships HTML demos instead of mockups, and delivers a working home page in 2–3 days. Tests molecules on multiple devices, assembles organisms and templates, then converts to WordPress with header.php footer.php index.php page.php. Claims faster client feedback, fewer revisions, and live sites that work across devices.
AI-written summary · about
chapters (4)
related talks
18mAtomic Design as a Migration Strategy
29mEffective user interface design with HTML prototyping
47mDeploying atomic design system at scale
48mResponsive Design Workflow
15mWhy You Should be Building Design Systems and CSS Architectures
38mRe-usable GUI Components with Re-frame and Atomic Design
33mMore Code, Fewer Pixels
55mA Little Story About A Big Bang Redesign