Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Slides from my talk at London Web meetup in February 2014
https://github.com/oslego/londonweb-2014

Last synced: about 1 month ago
JSON representation

Slides from my talk at London Web meetup in February 2014

Host: GitHub
URL: https://github.com/oslego/londonweb-2014
Owner: oslego
License: mit
Created: 2014-02-20T16:14:07.000Z (almost 11 years ago)
Default Branch: master
Last Pushed: 2014-02-21T11:13:28.000Z (almost 11 years ago)
Last Synced: 2024-04-14T14:31:55.049Z (9 months ago)
Language: JavaScript
Homepage: http://oslego.github.io/londonweb-2014
Size: 6.66 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        The Expressive Web: CSS Shapes, Masks, Blend Modes and Regions

===

Slides from my talk at [London Web](http://www.meetup.com/londonweb/events/139411362/), February 2014.

HTML slide deck is using cutting-edge CSS features for demonstration purposes. Intended to demo in [Google Chrome Canary](https://www.google.com/intl/en/chrome/browser/canary.html) with "Experimental Web Platform Features" flag turned on in `chrome://flags`.

Learning Resources

---

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

**CSS Regions**

  * [Introduction to CSS Regions](http://html.adobe.com/webplatform/layout/regions/)

  

  * [Code samples on CodePen.io](http://codepen.io/collection/jabto)

  

  * [CSS Regions tutorial](http://docs.webplatform.org/wiki/tutorials/css-regions)

**CSS Shapes**

  * [Introduction to CSS Shapes](http://html.adobe.com/webplatform/layout/shapes/)

  

  * [Code samples on CodePen.io](http://codepen.io/collection/qFesk)

  

  * [Demo for Alice in Wonderland ](http://adobe-webplatform.github.io/Demo-for-Alice-s-Adventures-in-Wonderland/)

  * [Source for Demo for Alice in Wonderland](https://github.com/adobe-webplatform/Demo-for-Alice-s-Adventures-in-Wonderland)

**CSS Blend Modes**

  * [Introduction to CSS Blend Modes](http://html.adobe.com/webplatform/graphics/blendmodes/)

  

  * [T-Shirt Demo with Blend Modes](razvancaliman.com/cssblending/)

  

  * [Code samples on CodePen.io](http://codepen.io/collection/hfxiw)

  

**CSS Masking**

  * [CSS Masking on HTML5Rocks.com](http://www.html5rocks.com/en/tutorials/masking/adobe/)

  

  * [Trekking Demo](https://github.com/oslego/cssmasking)

  

  * [Food Network -  Cupcakes!](https://github.com/adobe-webplatform/Demo-for-Food-Network-Cupcakes)