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 12

Make magical things happen with a few lines
  1. A picture element to load correctly resized webp images in HTML

    Published Jan 02 2021 in HTML , Performance

    A picture element snippet to load properly resized responsive webp images in browsers that support them.

  2. A git alias to show a detailed git branch overview

    Published Dec 17 2020 in Bash , git

    A nifty git alias to show available branches, time passed since their last commit and the last commit message.

  3. A trick to run shell examples with a leading $

    Published Dec 08 2020 in Bash

    A beautiful trick to copy and run shell example commands that include a leading $.

  4. How to display the last build date in Eleventy

    Published Dec 04 2020 in Eleventy , StaticSites

    A quick trick to render the last build time of Eleventy sites.

  5. A centered CSS navigation with fit-content

    Published Nov 22 2020 in CSS

    A CSS pattern that uses fit-content to center a flexible-width navigation.

More articles

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

Weekly Frontend News

6392 readers received the last Web Weekly 12 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
  • Can we have custom media queries, please?
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

  • text-transforms affect screen readers, too!
  • "fetch" supports a "keepAlive" option to make it outlive page navigations
  • Prevent npm install for not supported Node.js versions
  • How to display language-specific quotes in CSS
  • iTerm2 offers a way to notify you when a long-running command has finished
  • Forbidden headers can't be set in "fetch" requests

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.

♥️