The Web Platform Podcast

50: The Evolution of CSS


Listen Later

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

        ...more
        View all episodesView all episodes
        Download on the App Store

        The Web Platform PodcastBy The Web Platform Podcast

        • 4.6
        • 4.6
        • 4.6
        • 4.6
        • 4.6

        4.6

        18 ratings