50: The Evolution of CSS

Summary

In episode 50 we talk with CSS master Tab Atkins Jr. (@tabatkins) about the history of Cascading Style Sheets (CSS) & how they have evolved into what we use today. We also cover preprocessors, lesser known specs, css as a programming language, and more.

Resources

• Tab Atkin’s personal site - http://www.xanthir.com/

• Tab on Github - https://github.com/tabatkins

• Tab at CSSConf 2014 - https://www.youtube.com/watch?v=ad1Wq0qZrMQ

• History of CSS - http://www.w3.org/Style/LieBos2e/history/Overview.html

• Houdini - https://github.com/w3c/css-houdini-drafts

• Parse CSS - https://github.com/tabatkins/parse-css

• CSS Working Group News - http://www.w3.org/Style/CSS/current-work

• How to read CSS specifications - http://www.w3.org/Style/CSS/read

• Lesser known CSS Specs

• Ruby - http://www.w3.org/TR/css3-ruby/

• Scoping Module - http://www.w3.org/TR/css-scoping-1/

• Speech Module - http://www.w3.org/TR/css3-speech/

• Writing Modes - http://www.w3.org/TR/css3-writing-modes/

• Line Grid - http://www.w3.org/TR/css-line-grid-1/

• Page Fragmentation - http://www.w3.org/TR/css3-break/

• Do we even need CSS anymore ? - https://css-tricks.com/the-debate-around-do-we-even-need-css-anymore/

• CSS1 Spec - http://www.w3.org/TR/CSS1/

• Selectors Level 4 - http://www.w3.org/TR/selectors4/

• Values & Units - http://www.w3.org/TR/css3-values/

• Image Values / Replaced Content - http://www.w3.org/TR/css3-images/

• Device Adaptation - http://www.w3.org/TR/css-device-adapt/

• Web Animations - http://www.w3.org/TR/web-animations/

• SASS- http://sass-lang.com\

• animate.css - https://daneden.github.io/animate.css/

• myth.io - http://myth.io

• bikeshed - https://github.com/tabatkins/bikeshed

• CSS Grid By Example - http://gridbyexample.com/

Panelists

• Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert

• Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert

• Nick Niemeir (@nickniemeir) - Partner at Good News Everyone