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

Snippets – Page 5

Make magical things happen with a few lines
  1. 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.

  2. How to detect if a font is supported

    Published Sep 18 2022 in JavaScript

    Use the CSS Font Loading API to detect if a font is available in a browser.

  3. How to create a module-based Node.js executable

    Published Aug 02 2022 in NodeJS

    A snippet to create Node.js executables that use ECMAScript modules.

  4. The CSS quantity query with :nth-last-child()

    Published Jul 27 2022 in CSS

    Use :nth-last-child() to build a "quantity query" and selector elements only if there's a given number of them.

  5. How to select the previous sibling of an element

    Published Jul 16 2022 in CSS

    Learn how to select a previous sibling using CSS :has().

More articles

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

Weekly Frontend News

6348 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

  • Conditional properties with object spread
  • Datalist elements can have values and labels
  • How to exclude commits from git blame
  • The navigation timing API includes the type of the current navigation
  • IntersectionObserver accepts several threshold values
  • String.prototype.normalize for safer string comparison

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.

♥️