~/talk

CSS Art History 101: Decoding Layout Through The Ages

Talkat CSS Conf EU 2017 · on Friday, 2017-05-05· [creative-coding, css]
slides:none on file

Claims that CSS reproduces classic composition and emotion by example: uses flexbox the Golden Ratio and perspective-origin vanishing points to recreate Renaissance depth, shows HTML/CSS slides and demos that reproduce da Vinci/Raphael framing, and rebuilds a Flash game as FirstPersonTetris (Flash) rebuilt in CSS/JavaScript to demonstrate 2D projection into perceived 3D. Cites cave paintings from 30,000–32,000 years ago, compares Chuck Close pixel watercolors to CSS pixels and uses SVG animation and CSS Grid in working demos.

AI-written summary · about

  1. 0:00Start
  2. 0:51Disclaimer
  3. 1:55Art History
  4. 3:18First-Person Tetris
  5. 4:46The Nature of Form
  6. 5:02Why We Elevate Art
  7. 5:40Cave Paintings in the South of France
  8. 6:40The Renaissance
  9. 7:35Vanishing Point
  10. 8:10Last Supper
  11. 9:16Fresco the School of Athens
  12. 10:30Vanishing Points
  13. 13:41Abstract Art
  14. 15:56Typography and svg Animation To Deconstruct and Subvert the Meaning of the Text
  15. 16:28Mark Rothko's Paintings of Color
  16. 18:48Bridget Riley
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.