History of Art vs. Web Design vs. Frontend Development
summary
Compares emotional, Pollock‑style layouts with Brunelleschi’s measured systems and shows actual code that reproduces the effect: a headline rendered at roughly 160px using viewport math, body text constrained to 50ch for readable lines, and a layout driven by CSS Grid with 2fr 3fr auto 1fr columns. Uses viewport units, the ch unit, and an inspect→tailwind workflow to build a responsive layout that works without media queries and preserves the artist’s intention.
AI-written summary · about
chapters (14)
- 0:00Start
- 0:45History of Art
- 1:00Jackson Pollock
- 1:36Autumn Rhythm Number 30
- 2:49Blue Poles
- 3:52Filippo Bonoleski
- 6:50Brunelleschi
- 7:39Central Linear Perspective
- 9:09Leonardo Da Vinci
- 15:37Viewport Units
- 16:11Paragraph
- 18:23Css Grid
- 22:54The Great Divide
- 23:37Should Designers Learn How To Code
related talks
21mCSS Art History 101: Decoding Layout Through The Ages
47mPainting With the Web
55mArt Direction for the Web
48mThe web is ready for great graphic design
51mWeb Design Engineering With the New CSS
01h 06m“Full-Featured Art Direction for the Web”
45mThe web is ready for great graphic design
01h 40mUser Interfaces in the Age of Intrinsic Web Design