Responsive Grid with Garden CLJS
summary
Demonstrates building a responsive, Bootstrap-like grid system in ClojureScript using Garden, generating CSS from data and mounting styles per component with Figwheel live reload and state-driven swaps via Om. Claims a basic grid that would be ~600 CSS lines becomes four to six functions, a single function can produce a six-column grid, and viewport-based typography is implemented as a runtime function. Shows working demos: component-level stylesheet insertion, swapping a global app-state atom to preview content and styles, and ports three Sass libraries in a few weeks.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 0:27Why Grids
- 4:04Typography
- 9:15Bootstrap
- 10:56Media Queries
- 12:27Design Inspiration
- 13:32Garden
- 14:38abstractions
- 17:20Demo
- 19:18Styling
- 30:47Conclusion
- 34:26Questions
