Meet Web Push for Safari

From the Apple intro: Bring better notifications to your websites and web apps in Safari on macOS with Web Push. We’ll show you how you …

SVGOMG

To optimize SVG´s easily, Jake Archibald made SVGOMG to be The missing GUI of SVGO In the demo of SVGOMG you can see an 8.54k SVG getting …

HTML with Superpowers

It has to have a hyphen in it. Dave Rupert Excellent slide deck by Dave Rupert about Web Components. Find the deck on Notist. Within the presentation …

Checkbox webcam filter

Bryan Braun created a webcam filter out of HTML checkboxes. Try by yourself at webcam-test. It´s part of his checkboxland."Checkboxland is a JavaScript library for …

Flexbox sizing mental model

The following explanation from Anna Monus is taken out of A Comprehensive Guide to Flexbox Sizing and I find Anna´s text most helpful. Anna has …

Remove unwanted scrollbars

Detect CSS Overflow Elements is a tiny hack by David Walsh to detect the root cause of unwanted scrollbars on a web page. Use the …

Remove git history

Make the current working directory into the only commit and remove the complete git history. Found on stackoverflow. git checkout --orphan newBranchgit add -A # …

Edit on GitHub for an 11ty powered website

Adding a link to edit the contents of any page for an 11ty powered website on GitHub is simpler than I thought.[1] Example: <a href="https://github.com/ulfschneider/11ty.ulf.codes/edit/master/./content/posts/2021-04-27-edit-on-github-11ty.md">Edit on …

GitHub Learning Lab

The GitHub Learning Lab provides online training courses for free about DevOps, GitHub Actions, Languages and Tools, and GitHub :-).

Resilient Web Design

Resilient Web Design by Jeremy Keith Resilient Web Design by Jeremy Keith is a pleasure to read. Jeremy has put together context and concept for a …

Split a figure

A responsive technique of splitting a figure equally into an image (one half of the available space), and the corresponding caption (other half of the available space).

Using Trello as a Super Simple CMS

In his CSS-Tricks article, Phil describes a very nice and generic approach to use 11ty data files for fetching contents from Trello. Phil doesn´t talk about …

Learn eleventy from scratch

Learn Eleventy From Scratch is a training made by Andy Bell. It´s a practical, well organized, and well written course that allows you to get …

Going Offline (book)

Going Offline by Jeremy Keith Going Offline is following the same agenda as Jeremy does in his talk. Of course, the book provides more background and …

Going Offline (video)

With Going offline, Jeremy Keith is giving an excellent talk about how to turn a website into a Progressive Web App (PWA). A PWA is …