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

Snippets โ€“ Page 4

Make magical things happen with a few lines
  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. A native shell alternative to the trash-cli

    Published Nov 06 2022 in Bash

    A native shell function to replace the trash-cli npm package.

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

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

More articles

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

Most popular posts

  • How to import JSON files in ES modules (Node.js)
  • APIs to generate random user avatars
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"
  • Web Weekly #160
  • On being a "JavaScript framework developer"...
Read popular posts

Weekly newsletter

Weekly newsletter all around web development

Get weekly news

TIL: Today I learned in Web Dev

  • Forbidden headers can't be set in "fetch" requests
  • The macOS inline dictionary has a shortcut
  • parseInt parses anything starting with a number
Learn something new

Blogroll

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

  • Jim Nielsen
  • Sean Goedecke
  • Hidde de Vries
  • Chris Coyier
  • Ryan Mulligan
Discover more blogs

Other stuff

Topics

  • JavaScript (128 posts)
  • CSS (99 posts)
  • Tools (59 posts)
  • HTML (54 posts)
  • Bash (44 posts)
  • NodeJS (38 posts)
  • Accessibility (35 posts)
  • Web (29 posts)
  • git (23 posts)
  • Performance (20 posts)
  • VSCode (19 posts)

Random Web Dev Learnings

  • How to define your relationship to sites you link to
  • isTTY can be used to tailor appropriate Node process output
  • git has an auto-correct flag
  • box-decoration-break helps to define how elements should be rendered across lines
  • How to narrow and secure types with const assertions
  • The global `Reflect` object, its use cases and things to watch out for

Popular articles

  • How to import JSON files in ES modules (Node.js)
  • APIs to generate random user avatars
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"

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.

โ™ฅ๏ธ