Cutting-edge CSS features: Gaining control of Web Design

on YouTube ↗30m

" summary

Shows concrete features and working demos: CSS Regions flowing into named flows moves text between boxes (used with 100vh units to keep pages single-viewport), enabling markup separation and a responsive menu prototype; background-blend-mode overlay/multiply/screen produces live textures without images; CSS Shapes polygon and image-source-derived shapes wraps text around trees, cats and smoke in an Alice in Wonderland demo; a browser extension shape editor edits polygons in-place. Implementations run in WebKit/Chrome (flags/Canary), partial IE10 support, and demos behave interactively.

AI-written summary · about

" chapters (5)

1. 0:00Introduction to CSS features
2. 1:53CSS regions explained
3. 11:36Blending and compositing
4. 15:34Working with CSS shapes
5. 27:45Conclusion and resources

" related talks

• 13mCSS (finally) making the web a less blocky placeJared Wyles · Web Directions South 2013
• 24mBreaking the norm with creative CSSAga Naplocha · Frontend United 2018
• 42mBreaking the norm with creative CSSAgnieszka Naplocha · Codemotion Milan 2017
• 32mGet Ready for the Future of CSS!Guil Hernandez · CSS Conf EU 2017
• 36martistic.cssAga Naplocha · JSConf.Asia 2019
• 39mNext Level CSSRachel Andrew · ffconf 2016
• 10mExploring Features in Modern CSSJakob Endrestad Kielland · NDC Oslo 2024
• 17mBreaking the norm with creative CSSAga Naplocha · dotCSS 2018