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 6

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

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

  3. CSS clip-path can go outside of an element

    Published Nov 15 2022 in CSS

    The CSS clip-path polygon function accepts values outside the 100% range which is handy to create custom corners.

  4. A JavaScript-free custom element implementation

    Published Oct 29 2022 in CSS , HTML

    An accessible example implemenation of a custom element that works without JavaScript.

  5. A centered CSS grid with full-width components

    Published Oct 22 2022 in CSS

    A CSS snippet to center main content but still allow components to render full-width with CSS Grid areas.

More CSS content

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

Weekly Frontend News

6450 readers received the last Web Weekly 5 days ago. Join the fun!

Most popular posts

  • em and strong are not announced by screen readers
  • Can we have custom media queries, please?
  • The short version of 'git status' and the close but different '--porcelain' mode
  • The "inert" attribute is finally coming to the web
  • How to prerender Tweets without using the official Twitter APIs
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 132 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
  • Performance 20 posts

Random Web Dev Learnings

  • Safari allows to configure password autofilling
  • macOS offers a tool to remove backgrounds from images
  • How to extract images (and media files) from Word and Keynote documents
  • The CSS attribute selector has a case-insensitive mode
  • Rerun commands with the built-in "r" command
  • "npm root" locates the global node modules directory

Popular articles

  • em and strong are not announced by screen readers
  • Can we have custom media queries, please?
  • The short version of 'git status' and the close but different '--porcelain' mode

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.

♥️