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

Topic: CSS โ€“ Page 5

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

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

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

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

  5. All browsers adopted :focus-visible in their UA stylesheets

    Published Sep 14 2022 in CSS

    All major browsers replaced :focus with :focus-visible and this makes custom outline code redundant.

More CSS content

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

Most popular posts

  • Can we have custom media queries, please?
  • Web content, the social contract and copyrights
  • On being a "JavaScript framework developer"...
  • How to import JSON files in ES modules (Node.js)
  • The difference between @ts-ignore and @ts-expect-error
Read popular posts

Weekly newsletter

Weekly newsletter all around web development

Get weekly news

TIL: Today I learned in Web Dev

  • Node.js includes a native glob utility
  • Keyframe animations have a special role in the CSS cascade
  • Node.js supports import maps
Learn something new

Blogroll

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

  • Eric Bailey
  • Sean Goedecke
  • Adrian Roselli
  • browsers.fyi
  • Roma's Unpolished Posts
Discover more blogs

Other stuff

Topics

  • JavaScript (128 posts)
  • CSS (100 posts)
  • Tools (61 posts)
  • HTML (54 posts)
  • Bash (44 posts)
  • NodeJS (40 posts)
  • Accessibility (35 posts)
  • Web (30 posts)
  • git (23 posts)
  • Performance (20 posts)
  • VSCode (20 posts)

Random Web Dev Learnings

  • cmd/ctrl + shift + click opens a new tabs focuses it
  • How to use EventTarget as a web-native event emitter
  • Define where an element should be scrolled to using elem.scrollIntoView
  • background clip is configurable for every background gradient separately
  • How to exclude elements from being shown in Google Search results
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"

Popular articles

  • Can we have custom media queries, please?
  • Web content, the social contract and copyrights
  • On being a "JavaScript framework developer"...

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.

โ™ฅ๏ธ