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 2

Make magical things happen with a few lines
  1. Disable Angular's scroll position restoration for specific routes

    Published Apr 27 2024 in Angular

    Implement allowed query params that temporarily disabled Angular's scrollPositionRestoration and prevent the page from being scrolled to the top.

  2. Reveal an image with smart padding

    Published Apr 20 2024 in CSS

    A CSS trick using padding, object-fit and object-position to show / hide img content.

  3. Timestamped Git yolo commits

    Published Mar 30 2024 in git

    A git yolo command to commit all current changes to Git with a timestamp.

  4. How to type fixed string value combinations with template literal types

    Published Jan 28 2024 in TypeScript

    Learn how to define TypeScript types for date strings or version numbers using template literal types.

  5. Fading out text with CSS

    Published Jan 24 2024 in CSS

    A snippet to fade out text with mask-image.

More articles

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

Most popular posts

  • How to "officially" deprecate methods with Node.js utilities
  • On being a "JavaScript framework developer"...
  • How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter"
  • Can we have custom media queries, please?
  • Web content, the social contract and copyrights
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. ๐Ÿ‘‡

  • Malte Ubl
  • Mayank
  • Ryan Mulligan
  • Sean Goedecke
  • Bramus
Discover more blogs

Other stuff

Topics

  • JavaScript (128 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

  • Forms without an accessible name are not exposed as ARIA landmarks
  • The paint order of SVG elements and their stroke and fill is configurable
  • GraphQL Playground offers a protocol handler
  • "fetch" supports a "keepAlive" option to make it outlive page navigations
  • How to tell browsers that your site supports color-schemes
  • How to search for strings in Git commit additions or deletions

Popular articles

  • How to "officially" deprecate methods with Node.js utilities
  • On being a "JavaScript framework developer"...
  • 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.

โ™ฅ๏ธ