Skip to content
  • Home
  • Articles
  • 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 261 #TIL posts.
  • Newsletter
Stefan on LinkedIn Stefan on Mastodon Stefan on Bluesky RSS

Topic: CSS – Page 15

  1. CSS content-visibility very well explained

    Published Oct 19 2020 in CSS , Performance

    The new content-visibility CSS property explained by Surma and Jake.

  2. How to tell browsers that your site supports color-schemes

    Published Sep 13 2020 in CSS , HTML

    A detailed look at the color-scheme property that allows developers to define which color chemes are defined in a website

  3. How to define element aspect-ratios with CSS custom properties

    Published Sep 11 2020 in CSS

    How to write a configurable component class that controls an element's aspect-ratio by specifying some custom variables.

  4. How to target non-empty but invalid input elements with CSS

    Published Sep 08 2020 in CSS

    A clever CSS rule combining :invalid and :placeholder-shown to show validation state of non-empty input elements.

  5. Elements with overflow: hidden are scrollable

    Published Aug 20 2020 in CSS

    Elements with overflow: hidden are scroll containers and can be scrolled programmatically.

More CSS content

  1. Previous page
  2. Page 15 of 22
  3. Next page

Weekly Frontend News

6449 readers received the last Web Weekly 6 days ago. Join the fun!

Most popular posts

  • Can we have custom media queries, please?
  • Web content, the social contract and copyrights
  • em and strong are not announced by screen readers
  • New lines are removed from WHATWG URLs
  • How to import JSON files in ES modules (Node.js)
Read popular posts

TIL: Today I learned in Web Dev

  • Intl can localize units, too!
  • The scope of type guards and assertion functions
  • New lines are removed from WHATWG URLs
Learn something new

Other stuff

Topics

  • JavaScript (131 posts)
  • CSS (107 posts)
  • Tools (64 posts)
  • HTML (56 posts)
  • Bash (45 posts)
  • NodeJS (42 posts)
  • Accessibility (38 posts)
  • Web (30 posts)
  • git (23 posts)
  • VSCode (21 posts)
  • macOS (20 posts)

Random Web Dev Learnings

  • CSS grid is the shortest way to center elements
  • backdrop-filter lets you apply visual effects to the area behind an element
  • requestSubmit offers a way to validate a form before submit
  • Size container queries can detect landscape / portrait orientation
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"
  • Conditional properties with object spread

Popular articles

  • Can we have custom media queries, please?
  • Web content, the social contract and copyrights
  • em and strong are not announced by screen readers

Recently updated resources

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

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

All rights reserved and content created without AI.

♥️