Link List

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.

Adri­an Rosel­li shares an exam­ple of a respon­sive, acces­si­ble table along with a dis­cus­sion of the code and the deci­sions behind the code.

This spec­i­fi­ca­tion defines the author­ing rules for using Acces­si­ble Rich Inter­net Appli­ca­tions (WAI-ARIA) 1.2 and Dig­i­tal Pub­lish­ing WAI-ARIA Mod­ule 1.0 attrib­ut­es on HTML ele­ments.

Wilde­beest is an open-source, easy-to-deploy Activ­i­ty­Pub and Mastodon-com­pat­i­ble serv­er built entire­ly on top of Cloud­flare’s Super­cloud.

A quick cus­tomiz­able ref­er­ence to Web Con­tent Acces­si­bil­i­ty Guide­lines (WCAG) 2 require­ments (suc­cess cri­te­ria) and tech­niques.

This check­list uses The Web Con­tent Acces­si­bil­i­ty Guide­lines (WCAG) as a ref­er­ence point.

Under­stand­ing how peo­ple with dis­abil­i­ties browse the web using assis­tive tech­nolo­gies (AT) is core to mak­ing acces­si­ble a good user expe­ri­ence. This brows­ing with assis­tive tech­nol­o­gy video series intro­duces com­mon­ly used soft­ware, how it works, and ways peo­ple nav­i­gate con­tent.

“Gen­er­ate top-qual­i­ty spo­ken audio in any voice and style with the most advanced and mul­ti­pur­pose AI speech tool.” I’ve tried out this ser­vice. I think it’s pret­ty expen­sive, but the results are impres­sive.

GoAc­cess is an open-source real-time web log ana­lyz­er and inter­ac­tive view­er that runs in a ter­mi­nal in *nix sys­tems or through your brows­er.

Ana­lyt­ics for Mastodon — track fol­low­er count, pop­u­lar toots, boosts, favorites, and more.

If you want to pro­gram a Mastodon bot or auto­mate your Mastodon post­ing, or just want to post from the com­mand line, you’ve found the right cor­ner of the inter­net. Tagged with mastodon, python, curl, requests.

In this video, Eli­jah Manor shows how to get start­ed from scratch with LazyVim, which is a Neovim set­up pow­ered by lazy.nvim.

The com­plete guide to devel­op­ing and deploy­ing fast, pro­duc­tion-ready Nuxt apps. Mas­ter­ingNuxt is the biggest and most in-depth, fun, and real­is­tic course ever made on Nuxt.js.

Gen­er­ate social media but­tons, share dialogs and share counts.

Find peo­ple to fol­low on Mastodon by expand­ing your fol­low graph.