Tag: web development
Animating Element with Only CSS
This post provides the most straightforward and minimum way to animate the HTML element using only CSS.
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!
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.
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.
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.
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...
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.
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.
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.
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.
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.
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.
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.
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?
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.
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.
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.
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.
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.
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.
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.
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.
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.
Peter Pistorius - Redwood SDK
Peter Pistorius discusses Redwood's evolution into a serverless React Server Components framework and his vision for personal software development.
Greg Sadetsky, Antoine Leclair - Disco
Greg Sadetsky and Antoine Leclair present Disco, their tool that makes running your own infrastructure as simple as a piece of cake.
Zack Jackson - ByteDance, rspack, and the Future of Web Development
Zack Jackson from ByteDance explores rspack, the Rust-based bundler that's reshaping the web development landscape beyond webpack and vite.
Josh Comeau - Creating Delightful Developer Education
Josh Comeau reveals his techniques for creating interactive developer education experiences and building delightful web interfaces with CSS and JavaScript.
Snippet Saturdays: Image Zoom with Checkboxes
A real quick showcase of how you can accomplish inline images that can be clicked for fullscreen zoom levels with zero JavaScript.
Building a Guestbook with PGlite, Clerk, and Pinata
A quick walkthough of how I built a guestbook for my website
David Mytton - Console.dev, ArcJet - Enhancing Application Security
David Mytton discusses building Console.dev's developer newsletter and ArcJet's mission to make application security easier for developers.
Deploying this site+and many others easily
EasyPanel gives you a cPanel/Heroku (retro!) way of managing sites, but self hosted. Click to deploy a template, which is thousands of self-hosted services.
Eurovision 2024 Microsite
Trying to take the time to build more websites, even for small things. Wanted to do more with this one, but, Eurovision was a mess lol
José Valim - Elixir, Erlang, Phoenix, Livebook
José Valim, creator of Elixir, dives into functional programming on the Erlang VM and demonstrates the power of Phoenix and Livebook.
Adam Wathan - Tailwind CSS v4, The Evolution and Technical Journey
Adam Wathan reveals Tailwind CSS v4's technical journey with Rust and Lightning CSS, plus how Tailwind Labs monetizes and handles criticism.
Guillermo Rauch - Vercel, The Front End Cloud
Guillermo Rauch explores Vercel's mission to democratize web development, React Server Components, and how AI will transform generative UI.
DHH - Ruby on Rails, 37signals, and the future of web development
DHH discusses the genesis of Ruby on Rails, the philosophy behind beautiful code, and his vision for the future of web development at 37signals.
Robert Balicki - Isograph, Relay, and the Future of Data Fetching in React
Robert Balicki introduces Isograph as a potential future of React data fetching, comparing it to his experience building Relay at Meta.
Aiden Bai - Million.js
Aiden Bai explains how Million.js makes React render faster and discusses growing up alongside his open source community.
Josh Goldberg - TypeScript ESLint
Josh Goldberg dives into TypeScript ESLint's v6 release, stylistic rules, and the future of JavaScript tooling ecosystem.
Steve Manuel, Ben Eckel - Extism, Dylibso
Steve Manuel and Ben Eckel from Dylibso explore Extism, their WebAssembly-powered extension framework that's bridging the gap in modern app architecture.
How To Create a Weekly Photo Zine
Learn how to use ChatGPT and Pinata to make a custom web photo zine with zero developer experience