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

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. ๐Ÿ‘‡

  • Sean Goedecke
  • Roma's Unpolished Posts
  • Adrian Roselli
  • Chris Coyier
  • Jim Nielsen
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

  • How to specify the start of an ordered HTML list
  • lookaheads (and lookbehinds) in JavaScript regular expressions
  • Labels trigger states for associated inputs
  • How to match HTML elements with an indeterminate state
  • How to disable Google sign-in prompts on other sites
  • Rerun commands with the built-in "r" command

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.

โ™ฅ๏ธ