HTML elements reference 

The MDN Web Docs HTML elements “…are grouped by function to help you find what you have in mind easily. An alphabetical list of all …

Using TextEdit as default git editor on a Mac 

As a default editor for git you want something that opens up fast and is fairly simple to use. On my Mac I believe this …

Get the version of any npm package in JavaScript 

Getting the version of a different package Getting the version of your current package Getting the version of a different package # The version of any …

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: HTML <a href="https://github.com/ulfschneider/11ty.ulf.codes/edit/master/{{page.inputPath}}">Edit on …

GitHub Learning Lab 

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

Just write the parser ★

Just write the #!%/* parser is one of multiple interesting notes by Tiark Rompf.

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 …

Letterspacing of <code> elements 

Widening the letterspacing of <code> elements in the flow of text emphasizes the code-nature of the element without using a different font or a different …

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 …

Back to Top 

A Back to Top link helps users navigate to the top (start) of long pages. Behavior of a Back to Top link HTML to create the …

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 …

Fluid videos with my adaption of FitVids 

Embedded videos are not automatically responsive or fluid. They come with a fixed setting for width and height. To make them responsive while keeping aspect …

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 …

Progressive Web Apps – Where Do I Begin? ★

Progressive Web Apps – Where Do I Begin? is not mainly about the Service Worker. Aaron is pointing out that a Progressive Web App aims …

An RSS feed for GitHub Pages 

RSS is a good thing. It simplifies to overview information that is produced by potentially many different sources. If someone has an RSS feed on …

Pocket Git Guide 

A short entry-level approach to Git