50: The Evolution of CSS

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.

• 
  

  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/

  
  

• 
  

  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