https://github.com/oslego/max-2014

Slides for my Adobe MAX 2014 talk, "Beyond Rectangles in Web Design: CSS Shapes and CSS Masking"
https://github.com/oslego/max-2014

Last synced: about 1 month ago
JSON representation

Slides for my Adobe MAX 2014 talk, "Beyond Rectangles in Web Design: CSS Shapes and CSS Masking"

• Host: GitHub
• URL: https://github.com/oslego/max-2014
• Owner: oslego
• License: mit
• Created: 2014-09-07T19:49:19.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-10-08T23:24:53.000Z (about 10 years ago)
• Last Synced: 2024-10-14T12:49:07.503Z (3 months ago)
• Language: JavaScript
• Size: 53.9 MB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Beyond Rectangles in Web Design: CSS Shapes and CSS Masking

Slides for my talk at [Adobe MAX](http://max.adobe.com/) 2014.

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

![Screenshot of slides](screenshot.png)

## Resources:

Start on [webplatform.adobe.com](http://webplatform.adobe.com/).

**CSS Shapes**

- [Getting started with CSS Shapes](http://www.html5rocks.com/en/tutorials/shapes/getting-started/)

- [CSS Shapes Editor for Google Chrome](https://chrome.google.com/webstore/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp)

- [CSS Shapes Editor for Brackets](http://blog.brackets.io/2014/04/17/css-shapes-editor/)

- [Alice in Wonderland CSS Shapes demo](http://webplatform.adobe.com/Demo-for-Alice-s-Adventures-in-Wonderland/)

**CSS Masking**

- [Introduction to CSS Masking](http://www.html5rocks.com/en/tutorials/masking/adobe/)

- [Trekking CSS Masking demo](http://razvancaliman.com/cssmasking/)

- [Responsive masks demo](http://razvancaliman.com/responsive-mask-image/)