Changelog Master Feed

What's new in CSS land (JS Party #302)

Listen Later

Una Kravets, web platform ambassador & lead of the Google Chrome UI Developer Relations Team, joins Amal & Nick to take them CSS to school as they start this podcast in CSS kindergarten and end it with a Level-Up CSS Diploma. (LUCD?)

We explore all the amazing features which have recently landed in CSS — enabling super-charged user experiences with no JavaScript. Don’t forgot to check out all the epic links & demos in the show notes — and hold on to your butts, kids, this one is a ride!

Join the discussion

Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!

Sponsors:

  • Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com
  • Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
  • Typesense – Lightning fast, globally distributed Search-as-a-Service that runs in memory. You literally can’t get any faster!

    • Featuring:

    • Una Kravets – Website, GitHub, Mastodon, X
    • Amal Hussein – GitHub, X
    • Nick Nisi – Website, GitHub, Bluesky, Mastodon, X

    Show Notes:

    • What’s new in CSS UI 2023 (the blog post we referenced on the show)
    • CSS Podcast - UNA and Adam’s AMAZZZZZZING Podcast - 🙌🏾❤️ Like and Subscribe ❤️🙌🏾
    • Igalia
    • Bocoup
    • Follow Lea Verou and Chris Lilley for CSS Leveling up
    • Releasing Color.js: A library that takes color seriously (Lea’s blog post)
    • Releasing Color.js (Chris’ blog post)
    • Contrast Ratio (a helpful tool to help find the right contract ratios)
    • High Definition CSS Color Guide
    • What is a color space?
    • New color spaces!
    • Proposal for “open-stylable” Shadow Roots (aka breaking shadow DOM encapsulation
    • CSS Nesting
    • Can I Use
    • MDN Baseline - a unified view of stable web features
    • What are Origin Trials?
    • Origin Trials available via Chrome
    • Origin Trials available via FireFox
    • Origin Trials available via Edge
    • “Accessibly blueberry muffin analogy” - Baking Accessibility In (Talk from Cordelia McGee-Tubb)
    • “Accessibility is Delicious” - great blog post referencing Cordelia’s talk
    • Trigonometric functions in CSS
    • nth of syntax
    • nth-of-child & nth-of-last-child Codepen demo
    • Scoped CSS
    • Scoped CSS Codepen demo
    • Cascade Layers
    • Cascade Layers Codepen demo
    • Una’s wonderful YouTube video explaining CSS Cascade Layers
    • Popover API
    • Anchor positioning
    • Scroll driven animations
    • Scroll driven animations demo site (scroll-driven-animations.style)
    • Container Queries
    • Style Queries
    • Linear Easing Function MDN
    • Create complex animation curves in CSS with the linear() easing function
    • Linear Easing Generator (a tool via Jake Archibald)
    • View Transitions API
    • View Transitions Guide
    • View Transitions support in Svelte
    • View Transitions support in Astro
    • :has() API
    • web.dev- Guidance to build modern web experiences that work on any browser
    • developer.chrome.com - Simplifying the web to help you build, grow and innovate

      • Something missing or broken? PRs welcome!

      ...more
      View all episodesView all episodes
      Download on the App Store
      Changelog Master FeedBy Changelog Media
      • 4.4
      • 4.4
      • 4.4
      • 4.4
      • 4.4

      4.4

      29 ratings

      More shows like Changelog Master Feed

      View all
      Software Engineering Radio by se-radio@computer.org

      Software Engineering Radio

      271 Listeners

      Hanselminutes with Scott Hanselman by Scott Hanselman

      Hanselminutes with Scott Hanselman

      383 Listeners

      The Changelog: Software Development, Open Source by Changelog Media

      The Changelog: Software Development, Open Source

      289 Listeners

      Software Engineering Daily by Software Engineering Daily

      Software Engineering Daily

      622 Listeners

      Talk Python To Me by Michael Kennedy

      Talk Python To Me

      585 Listeners

      Soft Skills Engineering by Jamison Dance and Dave Smith

      Soft Skills Engineering

      289 Listeners

      Thoughtworks Technology Podcast by Thoughtworks

      Thoughtworks Technology Podcast

      43 Listeners

      The TWIML AI Podcast (formerly This Week in Machine Learning & Artificial Intelligence) by Sam Charrington

      The TWIML AI Podcast (formerly This Week in Machine Learning & Artificial Intelligence)

      431 Listeners

      Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

      Syntax - Tasty Web Development Treats

      987 Listeners

      CoRecursive: Coding Stories by Adam Gordon Bell - Software Developer

      CoRecursive: Coding Stories

      190 Listeners

      Kubernetes Podcast from Google by Abdel Sghiouar, Kaslin Fields

      Kubernetes Podcast from Google

      181 Listeners

      Practical AI by Practical AI LLC

      Practical AI

      207 Listeners

      The Stack Overflow Podcast by The Stack Overflow Podcast

      The Stack Overflow Podcast

      63 Listeners

      Big Technology Podcast by Alex Kantrowitz

      Big Technology Podcast

      498 Listeners

      Oxide and Friends by Oxide Computer Company

      Oxide and Friends

      62 Listeners