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

Topic: CSS – Page 6

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

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

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

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

  5. Why custom properties don't work with the url() CSS function

    Published Sep 23 2022 in CSS

    Custom properties doesn't work in CSS url() functions because without quotes the parser treats the entire declaration as a url-token.

More CSS content

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

Weekly Frontend News

6436 readers received the last Web Weekly 11 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"
  • The difference between @ts-ignore and @ts-expect-error
  • Can we have custom media queries, please?
  • On being a "JavaScript framework developer"...
Read popular posts

TIL: Today I learned in Web Dev

  • How to style the found search / "find in page" substrings
  • ARIA roles can remove their children’s semantics
  • Automatically load .env files in Node.js scripts
Learn something new

Other stuff

Topics

  • JavaScript (129 posts)
  • CSS (106 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

  • Define where an element should be scrolled to using elem.scrollIntoView
  • You can import Google Analytics Stats in caniuse.com
  • A "section" without an accessible name is nothing but a "div"
  • All browsers adopted :focus-visible in their UA stylesheets
  • em and strong are not announced by screen readers
  • How to enforce pinch-to-zoom in Android browsers

Popular articles

  • Web content, the social contract and copyrights
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"
  • The difference between @ts-ignore and @ts-expect-error

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.

♥️