How Studying History Of Arts Helped Me Become A Better Frontend Designer
summary
Argues that art history methods map to frontend choices by comparing an expressive Pollock-style layout with a measured Brunelleschi approach and shows concrete CSS fixes: a headline measured at ~160px oversized headline becomes a fluid clamp using viewport units for scaling, paragraphs use a 50ch max-width instead of fixed 720px, and layout uses CSS Grid (example: grid-template-columns: 2fr 3fr auto 1fr) so a headline + two paragraphs + link becomes responsive without media queries and preserves the original intent.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:06Jackson Pollock’s art style
- 3:55Filippo Brunelleschi’s perspective
- 9:13Comparing artist types to designers
- 11:01Designing a headline with two paragraphs
- 13:26Pollock-inspired headline layout
- 20:50Preserving artistic intent in CSS
- 22:14Developer’s role in collaboration
- 22:35The Great Divide in frontend
- 24:19Designers learning to code
- 25:46Overlapping disciplines
- 27:31Conclusion and call to action
related talks
28mArt Direction for the Web
03mLightning Talk: Front-End is an Art
47mPainting With the Web
21mHow developers can upgrade their visual design skills for better front end development
43mDeclarative Design
25mDrawing Applied to Frontend
33mGet the core right and the resilient code will follow
32mFall In Love With CSS