Cutting-edge CSS Features: CSS Blend Modes, CSS Masking & CSS Shapes

Static slides from my talk at Future of Web Design, London 2014.

For the interactive slide deck and source, see: https://github.com/oslego/fowd-london-2014

The latest CSS graphics features have transformed the web into a first class design surface. Web designers get additional powers to create expressive content right in the browser.

You'll see how CSS Masks work with responsive images to achieve highly customizable designs while reducing effort spent on asset production and maintenance. CSS Blend Modes give you the power to blend background images and elements together to create rich textures. Demos with CSS Shapes will give you a glimpse into the non-rectangular web of the future where your creativity is no longer constrained by rectangular boxes.

Transcript