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 254 #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. Make a PDF look like it was manually scanned

    Published Mar 17 2023 in Bash

    Learn how to use imagemagick to change sharp PDFs to look like they've been scanned manually.

  2. A userland React hook for managing global state

    Published Feb 18 2023 in React

    A snippet to share state across React components without a state management library but with a short useGlobalState hook.

  3. How to fail function calls with undefined arguments with a one-liner (sorta)

    Published Jan 30 2023 in JavaScript

    Learn how to throw errors in JavaScript function default parameters by shuffling some code around.

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

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

More articles

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

Most popular posts

  • Web content, the social contract and copyrights
  • light-dark() isn't always the same as prefers-color-scheme
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"
  • On being a "JavaScript framework developer"...
  • Can we have custom media queries, please?
Read popular posts

Weekly newsletter

Weekly newsletter all around web development

Get weekly news

TIL: Today I learned in Web Dev

  • light-dark() isn't always the same as prefers-color-scheme
  • How to "officially" deprecate methods with Node.js utilities
  • pathLength makes makes SVG path animations easier to manage
Learn something new

Blogroll

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

  • Chris Coyier
  • browsers.fyi
  • Sean Goedecke
  • Jim Nielsen
  • Malte Ubl
Discover more blogs

Other stuff

Topics

  • JavaScript (129 posts)
  • CSS (104 posts)
  • Tools (61 posts)
  • HTML (55 posts)
  • Bash (45 posts)
  • NodeJS (41 posts)
  • Accessibility (36 posts)
  • Web (30 posts)
  • git (23 posts)
  • VSCode (21 posts)
  • Performance (20 posts)

Random Web Dev Learnings

  • Online RSS readers send follower counts in their user agent string
  • How to do math in shell environments (bash, zsh, ...)
  • You can import Google Analytics Stats in caniuse.com
  • inset โ€“ the shorthand for top, right, bottom and left CSS properties
  • Focus events include a relatedTarget property
  • em and strong are not announced by screen readers

Popular articles

  • Web content, the social contract and copyrights
  • light-dark() isn't always the same as prefers-color-scheme
  • 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.

โ™ฅ๏ธ