https://github.com/oslego/infoshare-2015

Slides for my talk at infoShare 2015, "Let's Talk About Shapes"
https://github.com/oslego/infoshare-2015

Last synced: about 1 month ago
JSON representation

Slides for my talk at infoShare 2015, "Let's Talk About Shapes"

• Host: GitHub
• URL: https://github.com/oslego/infoshare-2015
• Owner: oslego
• License: mit
• Created: 2015-05-27T15:41:17.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-06-11T08:42:48.000Z (over 9 years ago)
• Last Synced: 2024-10-14T12:48:59.725Z (3 months ago)
• Language: CSS
• Homepage: https://oslego.github.io/infoshare-2015
• Size: 16.3 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Let's Talk About Shapes: CSS Shapes and CSS Masking

Slides for my talk at [infoShare 2015](https://infoshare.pl/) in Gdańsk, Poland.

This is a custom interactive slide deck meant to be shown in a controlled environment on stage. It works as expected in Google Chrome and offers reasonable fallbacks to keep content readable, but not all demos may work well in other browsers.

[Live Demo](https://oslego.github.io/infoshare-2015)

## 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/)

- [Animating CSS Shapes with CSS Animations & Transitions](http://sarasoueidan.com/blog/animating-css-shapes/)

- [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/)

- [Clipping in CSS and SVG](http://sarasoueidan.com/blog/css-svg-clipping/)

- [Using `clip-path` for responsive shapes](http://www.smashingmagazine.com/2015/05/11/creating-responsive-shapes-with-clip-path/)

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

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