Skip to content
  • Home
  • Articles
  • Screencasts
  • Projects
  • About
  • Resources
  • Screencasts
  • Today I learned
  • Things I use
  • Talks
  • Newsletter
  • Home Home
  • Articles Articles
  • Screencasts Screencasts
  • Projects Projects
  • About About
  • Other Stuff
    • Blogroll People blogging great stuff.
    • Resources Bookmarks I want to keep for later.
    • Show some love Support my blog and newsletter.
    • Talks Talks I've given at conferences.
    • Things I use My hardware and software setup.
    • Today I learned 254 #TIL posts.
  • Newsletter
Stefan on LinkedIn Stefan on Mastodon Stefan on Bluesky RSS

Topic: CSS

  1. light-dark() isn't always the same as prefers-color-scheme

    Published Nov 24 2025 in CSS

    light-dark() and prefers-color-scheme treat the defined color-scheme values differently.

  2. Three conditional border-radius CSS snippets

    Published Nov 17 2025 in CSS

    Three snippets to implement conditional border radius.

  3. pathLength makes makes SVG path animations easier to manage

    Published Nov 03 2025 in CSS , SVG

    Use the "pathLength` attribute to make animating "stroke-dasharray" and "stroke-dashoffset" easier.

  4. field-sizing isn't only about growing textareas

    Published Oct 20 2025 in CSS

    The new field-sizing CSS property allows inputs, selects and textareas to grow depending on their content.

  5. Keyframe animations have a special role in the CSS cascade

    Published Oct 05 2025 in CSS

    Properties defined in CSS keyframe animations overrule other non-important CSS properties.

More CSS content

  1. Previous page
  2. Page 1 of 21
  3. Next page

Most popular posts

  • On being a "JavaScript framework developer"...
  • Can we have custom media queries, please?
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"
  • How to "officially" deprecate methods with Node.js utilities
  • Web content, the social contract and copyrights
Read popular posts

Weekly newsletter

Weekly newsletter all around web development

Get weekly news

TIL: Today I learned in Web Dev

  • light-dark() isn't always the same as prefers-color-scheme
  • How to "officially" deprecate methods with Node.js utilities
  • pathLength makes makes SVG path animations easier to manage
Learn something new

Blogroll

5 random Sites I'm subscribed to via RSS. 👇

  • Ryan Mulligan
  • Alex Russell
  • Jim Nielsen
  • Malte Ubl
  • Chris Coyier
Discover more blogs

Other stuff

Topics

  • JavaScript (128 posts)
  • CSS (104 posts)
  • Tools (61 posts)
  • HTML (55 posts)
  • Bash (45 posts)
  • NodeJS (41 posts)
  • Accessibility (36 posts)
  • Web (30 posts)
  • git (23 posts)
  • VSCode (21 posts)
  • Performance (20 posts)

Random Web Dev Learnings

  • word-spacing controls the gap between words
  • The paint order of SVG elements and their stroke and fill is configurable
  • Backreferences in JavaScript regular expressions
  • YAML provides 9 ways to handle strings
  • Index images, videos and news with specialized sitemaps
  • How to apply directory dependent git configuration using conditional imports

Popular articles

  • On being a "JavaScript framework developer"...
  • Can we have custom media queries, please?
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"

Recently updated resources

  • Staying up to date
  • Writing good docs, blogs and technical articles
  • Public speaking

stefanjudis.com © 2025 by Stefan Judis is licensed under CC BY-NC-SA 4.0

All rights reserved and content created without AI.

♥️