A blog prob­a­bly of inter­est only to nerds by John F Mor­ton.

Ink of the day: “MIXING…” 

SuperGeekery: A blog probably of interest only to nerds by John F Morton.

Link List

Wel­come to my link library. These are not links to con­tent I have cre­at­ed unless you see that men­tioned in the link’s descrip­tion. These are links I found inter­est­ing enough to want to keep track of. If you read Craft Link List, the Craft CMS newslet­ter I used to write, this page is a replace­ment of sorts for that exer­cise. Enough talk. Let’s hit the links.

Tagged with ”webdev”

Reset tag search
11Sep2026

Output styles - Claude Code Docs

Claude Code’s out­put styles con­trol Claude’s role, tone, and response for­mat for soft­ware engi­neer­ing tasks. The doc­u­men­ta­tion explains four built-in styles — Proac­tive, Con­cise, Explana­to­ry, and Learn­ing — and how to con­fig­ure them via ter­mi­nal, VS Code exten­sion, or desk­top app. Users can also cre­ate cus­tom out­put styles using Mark­down files with front­mat­ter and instruc­tions.

11Sep2026

Using maths to balance your heading styles - Craig Abbott

Craig Abbott explains how to use math­e­mat­i­cal mod­u­lar scales to style HTML head­ings acces­si­bly and con­sis­tent­ly. The method mul­ti­plies a base font size by a fixed ratio to cre­ate visu­al­ly dis­tinct head­ing lev­els with­out rely­ing on prob­lem­at­ic tech­niques like ital­ics or col­or alone, ensur­ing read­abil­i­ty for peo­ple with dyslex­ia and col­or vision defi­cien­cies.

01Sep2026

Laravel Boost | Laravel 13.x - The clean stack for Artisans and agents

Lar­avel Boost is a Lar­avel 13.x devel­op­ment tool that enhances AI-assist­ed cod­ing by pro­vid­ing guide­lines, agent skills, and a doc­u­men­ta­tion API with over 17,000 pieces of Lar­avel-spe­cif­ic infor­ma­tion. It inte­grates with AI agents like Claude Code and Cur­sor to help write high-qual­i­ty Lar­avel appli­ca­tions fol­low­ing best prac­tices. Instal­la­tion is done via Com­pos­er with the boost:install com­mand.

23Aug2026

Free Website Accessibility Checker | John Henry Donovan

Web­site acces­si­bil­i­ty check­er that scans a sin­gle page for WCAG 2.2 com­pli­ance issues includ­ing alt text, head­ing struc­ture, and form labels. Pro­vides auto­mat­ed test­ing for com­mon acces­si­bil­i­ty prob­lems, with addi­tion­al full-site scan­ning avail­able through the Craft CMS plu­g­in.

07Aug2026

Programming principles for self taught front-end developers - Piccalilli

Kil­ian Valkhof explains prac­ti­cal pro­gram­ming prin­ci­ples for self-taught front-end devel­op­ers, focus­ing on action­able rules-of-thumb like YAG­NI and DRY that improve dai­ly cod­ing deci­sions with­out requir­ing for­mal com­put­er sci­ence train­ing. Based on 20+ years of expe­ri­ence, the arti­cle trans­lates abstract con­cepts into use­ful habits for writ­ing bet­ter code incre­men­tal­ly.

06Aug2026

scroobius-pip/fudge-design-md: DESIGN.md guides generated from real website references captured by Fudge

A GitHub repos­i­to­ry con­tain­ing auto-gen­er­at­ed DESIGN​.md guides cre­at­ed from real web­site ref­er­ences using the Fudge tool. The project focus­es on design sys­tems, design tokens, and design doc­u­men­ta­tion for web projects. It includes assets, scripts, and work­flows to help design­ers and devel­op­ers stan­dard­ize design prac­tices.

27Jul2026

Nice <mark>

My take on styling the ele­ment for an easy to colour and slight­ly more real­is­tic look­ing high­light­ing option. Uses an SVG fil­ter for the rough e…

13Jul2026

OpenGraph

Scan any URL to see exact­ly how it looks on social media. Cre­ate a new OG image for free from one of our high-con­vert­ing tem­plates.

23Jun2026

JSON-LD Explained for Personal Websites | Ethan Hawksley

A tech­ni­cal guide explain­ing JSON-LD (JSON Linked Data) and how to imple­ment it on per­son­al web­sites. The arti­cle cov­ers fun­da­men­tals like schema struc­ture, node types, and prop­er­ties, then pro­vides prac­ti­cal exam­ples of JSON-LD code for improv­ing SEO and enabling rich­er search pre­views through struc­tured data.

12Aug2025

ForesightJS

Fore­sightJS is a light­weight JavaScript library that pre­dicts user intent based on mouse move­ments and key­board nav­i­ga­tion, enabling opti­mal prefetch­ing tim­ing and improved per­for­mance.

18Jun2025

Katy Cowan | How Online Publishers Can Survive in a Post-Search World

It seems iron­ic that I’m even typ­ing this, but the very thing I’ve delib­er­ate­ly moved away from over the years — putting my face to my brand — has now become absolute­ly essen­tial. If Cre­ative Boom, or any inde­pen­dent pub­li­ca­tion, is going to sur­vive the next 12 months, we need to act fast. And I’m not being dra­mat­ic. AI is fun­da­men­tal­ly chang­ing how peo­ple access infor­ma­tion…

13Jun2025

zachleat/line-numbers

A web com­po­nent to add line num­bers next to var­i­ous HTML ele­ments — zach­leat/­line-num­bers