Polymer's Styling System (The Polymer Summit 2015)

Channel:
Chrome for Developers
Subscribers:
792,000
Published on ● Video Link: https://www.youtube.com/watch?v=IbOaJwqLgog


Duration: 13:32
21,086 views
224

Traditionally, CSS stylesheets have a terrible opinion about style encapsulation: the only thing stopping one element’s style from stomping over another’s is a “well chosen class name”. The Shadow DOM fixes this by building a little castle and a moat around each element, so that styles can’t get in and out of the web component castle. But what happens if you _do_ want to style this custom element? How do you cross the moat? Custom properties, that’s how.

To learn more about building with Polymer, check out Polycasts by Rob Dodson: https://goo.gl/vdtIFR

Subscribe to Chrome Developers on Youtube here: https://goo.gl/n7mBHx



Other Videos By Chrome for Developers


2015-09-18Chrome Dev Summit 2014 – Chrome Case Studies
2015-09-15PolyPanel (The Polymer Summit 2015)
2015-09-15Polymer Power Tools (The Polymer Summit 2015)
2015-09-15Polymer Performance Patterns (The Polymer Summit 2015)
2015-09-15Doing a Perf Audit of your Polymer App (The Polymer Summit 2015)
2015-09-15A11y with Polymer (The Polymer Summit 2015)
2015-09-15Polymer's Animation System (The Polymer Summit 2015)
2015-09-15Lightning Talk: Polymer's Gesture System (The Polymer Summit 2015)
2015-09-15Lightning Talk: Upgrading to 1.0 with polyup (The Polymer Summit 2015)
2015-09-15Adaptive UI with Material Design and Paper Elements (The Polymer Summit 2015)
2015-09-15Polymer's Styling System (The Polymer Summit 2015)
2015-09-15There’s an Element for that — but what if there isn't? (The Polymer Summit 2015)
2015-09-15Platinum Elements (The Polymer Summit 2015)
2015-09-15Testing Polymer Web Components (The Polymer Summit 2015)
2015-09-15Using ES6 with Polymer (The Polymer Summit 2015)
2015-09-15End to End with Polymer (The Polymer Summit 2015)
2015-09-15Thinking in Polymer (The Polymer Summit 2015)
2015-09-15Opening Keynote (The Polymer Summit 2015)
2015-09-13On-stage: Building a WebRTC app
2015-09-13IBM Bluemix: Mixing voice & data
2015-09-12Chrome Developer Interviews - Chrome Dev Summit 2015


Tags:
Polymer
conference
2015
shadow DOM
custom
properties
element
apps
build
building
live
stream
Amsterdam
Netherlands
how to
tutorial
lesson
lecture
Monica Dinculescu
product: web
fullname: other
Location: other
Team: Scalable Advocacy
Type: Live Event
GDS: Full Production
Other: NoGreenScreen