Link List

This is a work­ing draft of a check­list to define a ​“gold stan­dard” for web com­po­nents that aspire to be as pre­dictable, flex­i­ble, reli­able, and use­ful as the stan­dard HTML ele­ments.

This thir­teen-hour series illu­mi­nates jazz vocal artistry of every style. Lis­ten­ers will hear the music and voic­es of Louis Arm­strong, Nat King Cole, Diana Krall, Abbey Lin­coln, Kurt Elling and many more.

GitHub Code­spaces enables you to start cod­ing faster when cou­pled with dev con­tain­ers. Learn how to auto­mate a por­tion of your devel­op­ment envi­ron­ment by adding a dev con­tain­er to an open source project using GitHub Code­spaces.

Pick up some handy gen­er­a­tive design tips by build­ing a super clean gen­er­a­tive land­ing page and Dribb­ble friend­ly back­ground ani­ma­tion.

A new API is com­ing to the web plat­form to help you posi­tion ele­ments in an adap­tive way with no tricks.

For years, devel­op­ers have passed around a set of styles like a mag­ic incan­ta­tion. It’s time we made it a web stan­dard.

Craft CMS Newslet­ter plu­g­in. Con­tribute to juban/craft-newslet­ter devel­op­ment by cre­at­ing an account on GitHub.

Cre­at­ing a sin­gle NPM mod­ule that works in all envi­ron­ments.

Aggre­gate recent posts from Mastodon

If a sin­gle pro­gram­mer builds some­thing, it can be hard for oth­ers to main­tain lat­er.

Browse tech­ni­cal doc­u­men­ta­tion on the pub­lic-key cryp­tog­ra­phy that pow­ers Key­base. Learn how Key­base Chats, Files, Teams, and Git are secured.

The starter is built on top of Vite 4.x and pre­pared for writ­ing libraries in Type­Script. It gen­er­ates a hybrid pack­age — both sup­port for Com­mon­JS and ESM mod­ules.

Why vite is awe­some Before, when we devel­oped npm pack­ages, it involved A LOT of man­u­al… Tagged with npm, vite, type­script, javascript.

When your non-nerdy friends ask you to build a quick web­site: A free plat­form for build­ing sim­ple, ful­ly respon­sive one-page sites for pret­ty much any­thing.

Sim­ple. Fast. Web Com­po­nents.

CLI that ana­lyzes web com­po­nents. Lat­est ver­sion: 2.0.0‑next.4, last pub­lished: a year ago. Start using web-com­po­nent-ana­lyz­er in your project by run­ning npm i web-component-analyzer. There are 26 oth­er projects in the npm reg­istry using web-com­po­nent-ana­lyz­er.

A com­piled-away, type-safe, read­able Reg­Exp alter­na­tive

This is my favourite thing to do with the :nth-of-type() selec­tor.

An expla­na­tion of tem­plate, slot, and shad­ow.

More than once I’ve writ­ten some snazzy JavaScript code that I want to quick­ly turn into a sharable library, but the process of how to eas­i­ly do that has bogged me down enough to drop the idea entire­ly. Here’s a look at using vite to quick­ly pub­lish your code as a JavaScript Library.

Cre­ate dia­grams and visu­al­iza­tions using text and code.

SVG pro­vides a way to define how an ele­ment moves along a motion path. Paul Scan­lon shares how to use it by ani­mat­ing race cars in an infi­nite loop.

A Craft CMS plu­g­in that adds a Twig fil­ter to obfus­cate emails.

Turn your sketch into a refined image using AI

This file in the about­feeds repo will trans­form your raw-look­ing RSS feed into a styled doc­u­ment when users click on your feed icon. It will now include instruc­tions help­ing the user under­stand how to use feed icons across the web.

Quick­ly cal­cu­late any CSS selec­tor speci­fici­ty score along with expla­na­tions. With full sup­port for com­plex CSS selec­tors.