web development

Tag: web development

40 posts
React/Next : What Runs When, and What Comes OutReact/Next : What Runs When, and What Comes Out
Vishuddha icon
Vishuddha

React/Next : What Runs When, and What Comes Out

Here's a test. Take this component:

·
Sep 5
·
100 Questions for Webmasters100 Questions for Webmasters
B
brennan.day
brennan.day

100 Questions for Webmasters

A hundred-question chain meme making the rounds about how and why we make websites. I answer my way through questions on workflow, editors, CSS confidence, webrings, Neocities and Nekoweb, domain names, accessibility, genAI ethics, Gruvbox, and everything else about being a webmaster.

·
Aug 31
·
SAD MACHINESAD MACHINE
B
brennan.day
brennan.day

SAD MACHINE

Debian's recent vote to permit genAI contributions, alongside the questions raised by the IndieWeb is Punk manifesto, leads me to reflect on the harm-reduction case, the deskilling of creators, the NFT-like grift of genAI output, and the Potemkin village of an industry that has yet to find profitability.

·
Aug 30
·
A Few Small ThingsA Few Small Things
B
brennan.day
brennan.day

A Few Small Things

Reflecting on the mental fatigue of posting every day during Blaugust, I share a few small things that cheered me up: a new keyword filter on Bubbles.town, Jan Miksovsky's Origami Projector, and the ongoing, hand-made goodness of the independent web.

·
Aug 29
·
A Few Small ThingsA Few Small Things
B
brennan.day
brennan.day

A Few Small Things

Reflecting on the mental fatigue of posting every day during Blaugust, I share a few small things that cheered me up: a new keyword filter on Bubbles.town, Jan Miksovsky's Origami Projector, and the ongoing, hand-made goodness of the independent web.

·
Aug 29
·
Creating an Open-source Blogging Studies SyllabusCreating an Open-source Blogging Studies Syllabus
B
brennan.day
brennan.day

Creating an Open-source Blogging Studies Syllabus

Announcing a new open-source, asynchronous Blogging Studies syllabus that blends writing craft and independent web publishing, built on Codeberg. I trace the decline of free MOOCs, outline my curriculum's anti-capitalist and community-driven pedagogy, and invite contributors and learners to help shape it.

·
Aug 28
·
WEBMASTER@ a manifesto for everyoneWEBMASTER@ a manifesto for everyone
B
brennan.day
brennan.day

WEBMASTER@ a manifesto for everyone

I'm reclaiming the title of 'webmaster' as the multidisciplinary creator who designs, develops, writes, and advocates for their own corner of the web and will save the world. Tracing the history from 1993 to the present, I argue that anyone can become a webmaster with minimal tools. Webmastery is an act of digital repatriation and human agency against corporate platforms and AI orchestration.

·
Aug 16
·
Advanced Webweaving: Auditing Against Specification.WebsiteAdvanced Webweaving: Auditing Against Specification.Website
B
brennan.day
brennan.day

Advanced Webweaving: Auditing Against Specification.Website

I ran brennan.day against The Website Specification's 140-item checklist covering foundations, SEO, accessibility, security, performance, privacy, and resilience. Notes on a broken web manifest I'd never noticed, why I don't have cookie consent banners, CSP debugging with third-party services, service worker CORS issues, a bunch of small improvements, and the list of things I didn't fix.

·
Aug 15
·
Knitting the Web: We Need Interlinkers!Knitting the Web: We Need Interlinkers!
B
brennan.day
brennan.day

Knitting the Web: We Need Interlinkers!

Responding to Coyote's critique of Bubbles.town and feed aggregators, I argue that the IndieWeb needs more interlinkers—bloggers who meaningfully synthesize and weave together the writing of others. On the garden/stream/campfire metaphors for the web, the difference between linkdumps and synthesis, Justin Hall's early web work, and how every link out is a stitch that strengthens the fabric of the blogosphere.

·
Jul 27
·
Animating Element with Only CSSAnimating Element with Only CSS
Austin Gil icon
Austin Gil
austingil.com

Animating Element with Only CSS

This post provides the most straightforward and minimum way to animate the HTML detials element using only CSS.

·
Jul 10
·
Fixing Work Imports from Other OTW-based ArchivesFixing Work Imports from Other OTW-based Archives
B
brennan.day
brennan.day

Fixing Work Imports from Other OTW-based Archives

By default, the OTWArchive codebase blocks all imports from AO3, a problem for every fork. My fix includes removing AO3 from PERMITTED_HOSTS, writing a custom Ruby story parser that extracts only the story content from AO3 work pages, and extending the same parser to support imports from other OTWA-based archives!

·
Jul 2
·
John Beales icon
John Beales
johnbeales.com

Working with CSS Container Queries for the first time today, and they don't quite work how I expected them to work. It's leading to me having to declare selectors in ways that are not natural to me, although the selectors are working as expected. In short, it's making me think, harder than most days.

·
Jun 25
·
Every Commit A Sentence: Git Commit Messages for BloggersEvery Commit A Sentence: Git Commit Messages for Bloggers
B
brennan.day
brennan.day

Every Commit A Sentence: Git Commit Messages for Bloggers

I had 448 `feat:` commits and 417 `fix:` commits. Nearly the same count, for wildly different kinds of work. Here's why conventional commits were never designed for a writer's blog, and the eleven-type system I built to replace them.

·
Jun 25
·
Why Make Your Website Accessible, Anyways?Why Make Your Website Accessible, Anyways?
B
brennan.day
brennan.day

Why Make Your Website Accessible, Anyways?

Web accessibility isn't compliance theatre or checking off a list. It's about designing for everyone. Exploring the curb cut effect, why disability is more common than we think, and practical steps to make your website usable by as many people as possible.

·
Jun 10
·
Mo’ Code, Mo’ ProblemsMo’ Code, Mo’ Problems
John Eckman icon
John Eckman
johneckman.com

Mo’ Code, Mo’ Problems

One of the truisms I learned early in my career is that every line of code you write is a liability as much as it is an asset. Every line of code you (or your team) writes is a line of code that must be maintained, a line of code that potentially exposes a security...

·
Jun 9
·
I Need To Stop Making Promises I Can't KeepI Need To Stop Making Promises I Can't Keep
B
brennan.day
brennan.day

I Need To Stop Making Promises I Can't Keep

Building fanfiction.lol taught me that some promises are impossible to keep. I wanted canonical tags for everything and 'write whatever you want' as a tagline, but Canadian obscenity laws and the philosophical complexity of tag wrangling forced me to adjust. Here's what I learned about running a community archive, the legal constraints I face, and the promises I can still keep.

·
Jun 4
·
Cleaning House: Refactoring My Eleventy Config Into ModulesCleaning House: Refactoring My Eleventy Config Into Modules
B
brennan.day
brennan.day

Cleaning House: Refactoring My Eleventy Config Into Modules

How I decomposed an 866-line .eleventy.js monolith into four focused modules, fixed some lurking bugs, and eliminated dead CSS and dead dependencies along the way.

·
May 15
·
Alem Tuzlak - Tanstack Dev Tools and Tanstack AI
Devtools FM icon
Devtools FM
devtools.fm

Alem Tuzlak - Tanstack Dev Tools and Tanstack AI

Alem Tuzlak breaks down building TanStack Dev Tools and how TanStack AI differentiates itself in the crowded AI library landscape.

·
Apr 4
·
Paolo Ricciuti - Svelte, TMCP
Devtools FM icon
Devtools FM
devtools.fm

Paolo Ricciuti - Svelte, TMCP

Paolo Ricciuti, Svelte maintainer and TMCP creator, discusses Svelte 5's new runes system and his journey from fan to core contributor.

·
Mar 22
·
Mark Erikson - Redux, Replay.io
Devtools FM icon
Devtools FM
devtools.fm

Mark Erikson - Redux, Replay.io

Redux maintainer Mark Erikson covers his journey maintaining Redux, building Redux Toolkit, and pioneering time-travel debugging at Replay.io.

·
Mar 14
·
Build Awesome's Kickstarter is CancelledBuild Awesome's Kickstarter is Cancelled
B
brennan.day
brennan.day

Build Awesome's Kickstarter is Cancelled

After only a couple days, Build Awesome's Kickstarter has been cancelled and rescheduled due to email delivery issues that ruined the project's momentum despite reaching their funding goal in a single day.

·
Mar 6
·
The End of EleventyThe End of Eleventy
B
brennan.day
brennan.day

The End of Eleventy

Build Awesome is a rebrand of 11ty/Eleventy, backed by a successful $40k Kickstarter. But this attempt to monetize static site generators repeats the same mistakes that killed Gatsby and Stackbit—and misunderstands who actually builds static sites.

·
Mar 4
·
The End of EleventyThe End of Eleventy
B
brennan.day
brennan.day

The End of Eleventy

Build Awesome is a rebrand of 11ty/Eleventy, backed by a successful $40k Kickstarter. But this attempt to monetize static site generators repeats the same mistakes that killed Gatsby and Stackbit—and misunderstands who actually builds static sites.

·
Mar 4
·
How are we preparing for the Long Web?How are we preparing for the Long Web?
B
brennan.day
brennan.day

How are we preparing for the Long Web?

What will the Internet look like in 2036? 2046? How do we reckon with the challenges of digital preservation, link rot, and building for the Long Web in an age of ephemeral content?

·
Mar 1
·
How are we preparing for the Long Web?How are we preparing for the Long Web?
B
brennan.day
brennan.day

How are we preparing for the Long Web?

What will the Internet look like in 2036? 2046? How do we reckon with the challenges of digital preservation, link rot, and building for the Long Web in an age of ephemeral content?

·
Mar 1
·
Jamon Holmgren - Infinite Red, Into the Dawn
Devtools FM icon
Devtools FM
devtools.fm

Jamon Holmgren - Infinite Red, Into the Dawn

Infinite Red founder Jamon Holmgren shares his coding journey, building a React Native consultancy, and creating his new game Into the Dawn.

·
Feb 28
·
What is the IndieWeb?What is the IndieWeb?
B
brennan.day
brennan.day

What is the IndieWeb?

I decide to throw my hat into the ring and define what exactly the IndieWeb movement is, the core principles, and why it matters for the future of the Internet.

·
Feb 14
·
Introducing Ⓜ️ Meddler!Introducing Ⓜ️ Meddler!
B
brennan.day
brennan.day

Introducing Ⓜ️ Meddler!

I created a Medium export converter for the IndieWeb that converts your Medium archive into clean Markdown for Jekyll, Hugo, Eleventy, or Astro.js. Available as both a command line tool, and a web interface.

·
Feb 12
·
Announcing Three New Free JAMstack Blogging ThemesAnnouncing Three New Free JAMstack Blogging Themes
B
brennan.day
brennan.day

Announcing Three New Free JAMstack Blogging Themes

I've spent the last few weeks working on three new free themes for IndieWeb blogging: Indiepaper, Newsprint, and brennan.jp.net, all of which centre around giving people a place to call their own on the internet.

·
Feb 7
·
Dana Lawson - Netlify
Devtools FM icon
Devtools FM
devtools.fm

Dana Lawson - Netlify

Netlify CTO Dana Lawson discusses her journey from the US Army to leading engineering teams and Netlify's evolution into AI-powered developer tools.

·
Feb 7
·
Salma Alam-Naylor - Nordcraft
Devtools FM icon
Devtools FM
devtools.fm

Salma Alam-Naylor - Nordcraft

Salma Alam-Naylor introduces Nordcraft's visual web framework and shares her evolution from music teacher to Head of Developer Education.

·
Jan 24
·
Creating an Alphabetical Tag Page feat. Nunjucks PitfallsCreating an Alphabetical Tag Page feat. Nunjucks Pitfalls
B
brennan.day
brennan.day

Creating an Alphabetical Tag Page feat. Nunjucks Pitfalls

I transformed a messy tag list into an organized alphabetical sections, and there were a surprising amount of gotchas I encountered along the way.

·
Jan 22
·
Generating Colour Variants in CSS with color-mix
T
Tony Wallace
tonywallace.com

Generating Colour Variants in CSS with color-mix

How to generate colour variants using the css color-mix function.

·
Dec 16 '25
·
Curated List: Web Platform, CSS, Accessibility
F
fubits.dev
fubits.dev

Curated List: Web Platform, CSS, Accessibility

·
Jul 6 '25
·
Dylan Piercey - Marko
Devtools FM icon
Devtools FM
devtools.fm

Dylan Piercey - Marko

Dylan Piercey from eBay explores Marko's pioneering streaming and islands architecture features, plus the major innovations in Marko v6's new compiler.

·
Jun 14 '25
·
Introducing Cascade
$
$ protoposts █
protoposts.pckt.blog

Introducing Cascade

I wrote a lightweight TypeScript library for easily defining smooth, performant animations when elements enter the viewport. It's used on this site! Hopefully it's somewhat useful.

·
Jun 14 '25
·
Injecting Chaos into DynamoDB with LocalStack
L
LocalStack Blog
blog.localstack.cloud

Injecting Chaos into DynamoDB with LocalStack

Chaos engineering is a methodology that helps build more resilient cloud-based applications. In this tutorial, learn how to simulate outages using LocalStack's Chaos Dashboard. This hands-on guide walks through injecting failure into a local AWS stack, observing how your app responds, and building confidence in your system's ability to handle the unexpected.

·
Jun 4 '25
·
Injecting Chaos into DynamoDB with LocalStack
L
LocalStack Blog
blog.localstack.cloud

Injecting Chaos into DynamoDB with LocalStack

Chaos engineering is a methodology that helps build more resilient cloud-based applications. In this tutorial, learn how to simulate outages using LocalStack's Chaos Dashboard. This hands-on guide walks through injecting failure into a local AWS stack, observing how your app responds, and building confidence in your system's ability to handle the unexpected.

·
Jun 4 '25
·
Injecting Chaos into DynamoDB with LocalStack
L
LocalStack Blog
blog.localstack.cloud

Injecting Chaos into DynamoDB with LocalStack

Chaos engineering is a methodology that helps build more resilient cloud-based applications. In this tutorial, learn how to simulate outages using LocalStack's Chaos Dashboard. This hands-on guide walks through injecting failure into a local AWS stack, observing how your app responds, and building confidence in your system's ability to handle the unexpected.

·
Jun 4 '25
·
Injecting Chaos into DynamoDB with LocalStack
L
LocalStack Blog
blog.localstack.cloud

Injecting Chaos into DynamoDB with LocalStack

Chaos engineering is a methodology that helps build more resilient cloud-based applications. In this tutorial, learn how to simulate outages using LocalStack's Chaos Dashboard. This hands-on guide walks through injecting failure into a local AWS stack, observing how your app responds, and building confidence in your system's ability to handle the unexpected.

·
Jun 4 '25
·