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 animate an element's height with CSS grid
  • How to import JSON files in ES modules (Node.js)
  • 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. 👇

  • browsers.fyi
  • Email is good.
  • Mayank
  • Chris Coyier
  • Adrian Roselli
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 (29 posts)
  • git (23 posts)
  • Performance (20 posts)
  • VSCode (19 posts)

Random Web Dev Learnings

  • HTML defines a ping attribute on anchor elements (links)
  • localeCompare helps to compare strings in a sane manner
  • GraphQL Playground offers a protocol handler
  • What's 'roving tabindex'?
  • A preceding space prevents dangerous commands from going into history
  • You can't set new properties on JavaScript Symbols

Popular articles

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

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.

♥️