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 246 #TIL posts.
  • Newsletter
Stefan on LinkedIn Stefan on Mastodon Stefan on Bluesky RSS

Topic: CSS

  1. Load the default OS font with CSS

    Published Jan 25 2025 in CSS , Fonts

    Drop outdated font declarations and load the operating system default font with system-ui.

  2. Duplicated CSS @keyframes properties are valid

    Published Jan 02 2025 in CSS

    CSS keyframe animations allow to specify duplicated properties.

  3. Safari 18 — what web features are usable across browsers?

    Published Jun 15 2024 in CSS , JavaScript

    The new Safari 18 beta dropped and it's packed with new web features. I collected browser compat information and checked what features are safe to use today.

  4. Reveal an image with smart padding

    Published Apr 20 2024 in CSS

    A CSS trick using padding, object-fit and object-position to show / hide img content.

  5. Auto-margin works with absolute positioned elements

    Published Mar 18 2024 in CSS

    If you're defining absolute width or height for an absolute positioned element, you can use auto margin to lay out these elements.

More CSS content

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

Most popular posts

  • Stringly Typed
  • How to import JSON files in ES modules (Node.js)
  • How to animate an element's height with CSS grid
  • Web Weekly #157
  • How to override your dependency's dependencies (Node.js)
Read popular posts

Weekly newsletter

Weekly newsletter all around web development

Get weekly news

TIL: Today I learned in Web Dev

  • Forbidden headers can't be set in "fetch" requests
  • The macOS inline dictionary has a shortcut
  • parseInt parses anything starting with a number
Learn something new

Blogroll

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

  • Fully Stacked
  • Mayank
  • Adrian Roselli
  • Bramus
  • Malte Ubl
Discover more blogs

Other stuff

Topics

  • JavaScript (128 posts)
  • CSS (99 posts)
  • Tools (59 posts)
  • HTML (54 posts)
  • Bash (44 posts)
  • NodeJS (38 posts)
  • Accessibility (35 posts)
  • Web (28 posts)
  • git (23 posts)
  • Performance (20 posts)
  • VSCode (19 posts)

Random Web Dev Learnings

  • git has an auto-correct flag
  • text-transforms affect screen readers, too!
  • Viewport units can consider the writing mode
  • Index images, videos and news with specialized sitemaps
  • Automatic hyphenation depends on the defined document language
  • Non-capturing groups in JavaScript regular expressions

Popular articles

  • Stringly Typed
  • How to import JSON files in ES modules (Node.js)
  • How to animate an element's height with CSS grid

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.

♥️