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

Topic: CSS – Page 5

  1. Size container queries can detect landscape / portrait orientation

    Published Mar 17 2023 in CSS

    Learn how to use container queries to evaluate a component's orientation.

  2. A CSS-based background grid generator

    Published Jan 24 2023 in CSS

    A generator to create CSS grid backgrounds with horizontal and vertical lines.

  3. Viewport units can consider the writing mode

    Published Dec 22 2022 in CSS

    "vi" and "vb" are viewport units that consider the inline/block axis of the container block.

  4. How to animate an element's height with CSS grid

    Published Dec 22 2022 in CSS

    Use CSS grid to animate an element's height from 0 to auto.

  5. Elements can be visible even though their parent has set "visibility: hidden"

    Published Nov 25 2022 in CSS

    Nested HTML elements with different visibility properties (visible / hidden) can be visible even though their parent is hidden.

More CSS content

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

Weekly Frontend News

6343 readers received the last Web Weekly 4 days ago. Join the fun!

Most popular posts

  • Web content, the social contract and copyrights
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"
  • On being a "JavaScript framework developer"...
  • light-dark() isn't always the same as prefers-color-scheme
  • git has an auto-correct flag
Read popular posts

TIL: Today I learned in Web Dev

  • ARIA roles can remove their children’s semantics
  • Automatically load .env files in Node.js scripts
  • light-dark() isn't always the same as prefers-color-scheme
Learn something new

Other stuff

Topics

  • JavaScript (129 posts)
  • CSS (105 posts)
  • Tools (64 posts)
  • HTML (55 posts)
  • Bash (45 posts)
  • NodeJS (42 posts)
  • Accessibility (37 posts)
  • Web (30 posts)
  • git (23 posts)
  • VSCode (21 posts)
  • macOS (20 posts)

Random Web Dev Learnings

  • There is a Unicode mode in JavaScript regular expressions
  • backdrop-filter lets you apply visual effects to the area behind an element
  • TypeScript "strictFunctionTypes" is ignored for method syntax
  • CSS clip-path can go outside of an element
  • How to specify the start of an ordered HTML list
  • macOS offers a tool to remove backgrounds from images

Popular articles

  • Web content, the social contract and copyrights
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"
  • On being a "JavaScript framework developer"...

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.

♥️