Beyond Rectangles in Web Design: CSS Shapes and CSS Masking

Slides for my talk at Adobe MAX 2014.

This is a custom interactive slide deck meant to be shown on stage. It works as expected in Google Chrome.

Resources:

Start on webplatform.adobe.com.

CSS Shapes

• Getting started with CSS Shapes
• CSS Shapes Editor for Google Chrome
• CSS Shapes Editor for Brackets
• Alice in Wonderland CSS Shapes demo

CSS Masking

• Introduction to CSS Masking
• Trekking CSS Masking demo
• Responsive masks demo