Oh My Git!
An open source game about learning Git
SuperGeekery: A blog probably of interest only to nerds by John F Morton.
Welcome to my link library. These are not links to content I have created unless you see that mentioned in the link’s description. These are links I found interesting enough to want to keep track of. If you read Craft Link List, the Craft CMS newsletter I used to write, this page is a replacement of sorts for that exercise. Enough talk. Let’s hit the links.
An open source game about learning Git
PixiJS — The HTML5 Creation Engine. Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Color.js is designed make simple things easy, and complex things possible, and that extends to installation as well.
A curated collection of DevTools tips across major browsers.
The goal in creating Scribo was not only to capture the action of writing within a digital font file, but also to create the most intelligent handwriting font we could imagine.
Redondo Ave script font is the newest font from Hoodzpah! This retro inspired script has an organic, casual, yet sumptuous quality.
Primarium is a pioneering educational project by TypeTogether which studied the methods of Latin script-based handwriting instruction for primary school children, spanning five continents and about one-quarter of the world.
P5JS doesn’t offer native SVG support, there is however a way to run P5 in an ‘SVG’ mode using zenozeng’s SVG runtime. Running P5 in this SVG mode also requires a lot of interaction with the DOM, which we’ll discuss in this post.
A little fix for Safari.
Simple cross-browser cookie-consent plugin written in vanilla js
In Craft 5, the control panel now has a collapsible side navigation. In this short lesson, we create a Craft module to ensure the sidebar defaults to…
The homepage of Babylon.js’ documentation page. Start here and get to know the best 3D framework on the web.
Learn how to use CSS container queries today.
Free typography for your next design project (Google Fonts, Fontshare, Fontesk, Font Squirrel, and more)
Anicons is an experiment that combines two cutting-edge font technologies: variable fonts and color fonts.
If you ever find yourself having to modify a Craft plugin, or any composer package for that matter, then you can do so using a fork. A fork is a copy of…
How to create a subscribe feature for a site using Mastodon/Fediverse accounts.
Youtube embed code to minimize data leakage.
Namelix uses generative AI to create a short, brandable business name. Search for domain availability, and instantly generate a logo for your new business
A post discussing why you’d save links on your own site instead of a service you don’t control.
text-wrap: balance elevates responsive design by auto-balancing text lines. Learn its limitations, browser support, and meet its new sibling, text-wrap: pretty.
The Performance API is a set of standards for measuring and evaluating performance metrics with JavaScript. This article demonstrates how to use the Performance API to generate performance metrics directly in the DOM to create your own reporting.
Make sections of Craft 5 element indexes collapsible — CollapseSidebarAsset.php
A better npm publish
. Contribute to sindresorhus/np development by creating an account on GitHub.
Velvette is a library that allows you to specify in a declarative way how your transitions should behave, in isolation or as a response to a navigation, and then apply the declaration to a particular ViewTransition, NavigateEvent, or use it to handle cross-document (“MPA”) navigations.
This book explains the algorithms behind those collisions using basic shapes like circles, rectangles, and lines.
Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.
In this tutorial we’ll have a look at javascript generators and how they can be used for animating the drawing phase for our generative sketches. We’ll cover everything from syntax to actually implementing a simple example using p5’s draw loop.