Skip to content
Menu
  • Home
  • Articles
  • Resources
  • Talks
  • Screencasts
  • Projects
  • Newsletter
RSS Stefan on Twitter Stefan on Twitch

Snippets

Make magical things happen with a few lines
  1. Jan 02 2021

    A picture element to load correctly resized webp images in HTML

    • snippet
    • HTML
    • Performance

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

  2. Dec 17 2020

    A git alias to show a detailed git branch overview

    • snippet
    • Bash
    • git

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

  3. Dec 08 2020

    A trick to run shell examples with a leading $

    • snippet
    • Bash

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

  4. Dec 04 2020

    How to display the last build date in Eleventy

    • snippet
    • Eleventy
    • StaticSites

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

  5. Nov 22 2020

    A centered CSS navigation with fit-content

    • snippet
    • CSS

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

More articles

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

Most popular posts

  • Non-capturing groups in regular expressions
  • lookaheads (and lookbehinds) in JavaScript regular expressions
  • npm install supports local packages and dependencies
  • Node.js sends warnings when you add too many listeners to an event emitter
  • SVGs filters can be inlined in CSS
Get new posts right in your inbox! 🎉

TIL: Today I learned in Web Dev

  • Email inputs can accept multiple email addresses
  • SVGs filters can be inlined in CSS
  • How to refresh a page in an interval (without JavaScript)

Last updated resources

  • Useful graphic resources
  • Accessibility
  • Useful talk quotes

Blogroll (all feeds)

15 random RSS feeds I'm subscribed to. 👇

  • ishadeed.com
  • janmonschke.com
  • developers.google.com
  • welearncode.com
  • nodejs.org
  • industrialempathy.com
  • marcysutton.com
  • hiddedevries.nl
  • andy-bell.design
  • simonwillison.net
  • 2ality.com
  • bram.us
  • daily-dev-tips.com
  • dmitripavlutin.com
  • github.blog

Learn something new every week!

Once a week I share what I learned in Web Development along with some productivity tricks, articles, GitHub projects, #devsheets and some music.

Read the last issue and join 679 subscribers.

Prefer RSS? Go to my feeds page to pick what you're interested in.

Web vitals of this page

These Web Vitals metrics are shown using my web-vitals-elements element. Drop it in your site and see the numbers.

<Footer />

Say Hi on Twitter, GitHub & Twitch.

This site was rebuilt at 1/20/2021, 10:32:58 AM using the CEN stack (Contentful, Eleventy & Netlify).

© 2021 Copyright Stefan Judis. All rights reserved.