Bauhaus in the Browser

on YouTube ↗25m

" summary

Shows concrete recreations of four Bauhaus works using viewport units, CSS Grid, shape-outside and stacked 3D transforms and gives runnable demos: a responsive Merz magazine cover that stays proportional across sizes, a rotated sidebar built with translate and rotate, a Mondrian grid assembled with CSS Grid, and a poster rendering with perspective and dolly‑zoom. Notes accessibility tradeoffs for viewport text and browser support gaps for Grid and shapes and provides pragmatic fallbacks so the examples actually work.

AI-written summary · about

" chapters (7)

1. 0:00The Bauhaus legacy
2. 2:16Viewport units
3. 8:03CSS transforms
4. 10:53Perspective in 3D
5. 15:35CSS grid layout
6. 19:19Shapes and final thoughts
7. 23:43Conclusion

" related talks

• 47mPainting With the WebMatthias Ott · beyond tellerrand Düsseldorf 2025
• 51mCreative CSS LayoutMichelle Barker · CSS Day 2022
• 51mWeb Design Engineering With the New CSSMatthias Ott · CSSDAY 2024
• 36martistic.cssAga Naplocha · JSConf.Asia 2019
• 39mNext Level CSSRachel Andrew · ffconf 2016
• 24mBreaking the norm with creative CSSAga Naplocha · Frontend United 2018
• 26mCSS 5DXAleksandr Pavlyshch · JavaScript fwdays'17
• 48mThe web is ready for great graphic designHidde de Vries · Frontend United 2018