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, 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
      Hanselminutes with Scott Hanselman by Scott Hanselman

      Hanselminutes with Scott Hanselman

      377 Listeners

      Software Engineering Radio - the podcast for professional software developers by se-radio@computer.org

      Software Engineering Radio - the podcast for professional software developers

      272 Listeners

      The Changelog: Software Development, Open Source by Changelog Media

      The Changelog: Software Development, Open Source

      284 Listeners

      Thoughtworks Technology Podcast by Thoughtworks

      Thoughtworks Technology Podcast

      40 Listeners

      Talk Python To Me by Michael Kennedy

      Talk Python To Me

      590 Listeners

      Software Engineering Daily by Software Engineering Daily

      Software Engineering Daily

      621 Listeners

      Python Bytes by Michael Kennedy and Brian Okken

      Python Bytes

      215 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

      189 Listeners

      Kubernetes Podcast from Google by Abdel Sghiouar, Kaslin Fields

      Kubernetes Podcast from Google

      181 Listeners

      Practical AI by Practical AI LLC

      Practical AI

      192 Listeners

      The Stack Overflow Podcast by The Stack Overflow Podcast

      The Stack Overflow Podcast

      62 Listeners

      Oxide and Friends by Oxide Computer Company

      Oxide and Friends

      47 Listeners

      Latent Space: The AI Engineer Podcast by swyx + Alessio

      Latent Space: The AI Engineer Podcast

      75 Listeners

      The Pragmatic Engineer by Gergely Orosz

      The Pragmatic Engineer

      53 Listeners