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

Topic: CSS โ€“ Page 2

  1. 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.

  2. 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.

  3. 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.

  4. The death of custom media queries

    Published Mar 10 2024 in CSS

    Style queries for custom properties will eliminate the need for custom media queries.

  5. Fading out text with CSS

    Published Jan 24 2024 in CSS

    A snippet to fade out text with mask-image.

More CSS content

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

Most popular posts

  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"
  • On being a "JavaScript framework developer"...
  • Can we have custom media queries, please?
  • em and strong are not announced by screen readers
  • Safari 18 โ€” what web features are usable across browsers?
Read popular posts

Weekly newsletter

Weekly newsletter all around web development

Get weekly news

TIL: Today I learned in Web Dev

  • pathLength makes makes SVG path animations easier to manage
  • field-sizing isn't only about growing textareas
  • Header & footer elements change their roles when they're inside of sectioning content
Learn something new

Blogroll

5 random Sites I'm subscribed to via RSS. ๐Ÿ‘‡

  • Malte Ubl
  • Hidde de Vries
  • Alex Russell
  • Bramus
  • Manuel Matuzovic
Discover more blogs

Other stuff

Topics

  • JavaScript (128 posts)
  • CSS (102 posts)
  • Tools (61 posts)
  • HTML (55 posts)
  • Bash (44 posts)
  • NodeJS (40 posts)
  • Accessibility (36 posts)
  • Web (30 posts)
  • git (23 posts)
  • Performance (20 posts)
  • VSCode (20 posts)

Random Web Dev Learnings

  • A shortcut to edit long shell commands in your $EDITOR
  • How to align the text of the last paragraph line
  • Target=_blank implies rel=noopener
  • Implicit form submission doesn't work always
  • Top-level await is available in Node.js modules
  • Readonly files in VSCode

Popular articles

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

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.

โ™ฅ๏ธ