Astro 3 and Responsive Images

Astro 3 required me to rethink my site image optimization strategy yet again. Am I finally done? Probably not.

A Series of Series

I write a lot of posts that are topically related, so now I can lump posts together in a series.

Get Rid of Theme Flicker

Avoiding theme flicker on Astro sites with multiple themes.

Expressive Code Blocks in Astro

Create more compelling code blocks and syntax highlighting in Astro with Expressive Code and astro-expressive-code.

Some Tags

Thanks to the brilliance of those who came before me, I now have tags on my site.

The Push I Needed to Implement Link Posts

Thanks entirely to Tiffany White creating a GitHub issue on my site repo, I finally implemented something that's been on my site to-do list for some time, but that I've never gotten around to actually doing until now: link posts.

Adding to Allowed Tags in Sanitize-Html

sanitize-html is a great utility for cleaning up HTML to include in RSS, among other things, but it has a limited set of allowed tags. Here's how to add to that list.


Pagefind is a great find for static site search (thanks to Bryce Wray for that line) and Astro-Pagefind integrates it beautifully into Astro.

Astro Markdown Image Story

Astro's in a good place - native markdown image optimization is coming, and there is already an excellent third-party option for those who need it now.

Dimensions Are a Nightmare

Responsive Image handling still has some problems, at least to my knowledge.

Astro Remark Eleventy Image

Christian Ohanaja's Astro Remark Eleventy Image plugin.

Podcast Episode Image Script

The optimized image generation step in my podcast show notes image workflow.

More on Astro, Image Optimization, and Markdown

A continuing journey to get image optimization for markdown files with Astro.

Astro RSS 1.2.0 Update

Astro fixed a bug with Astro RSS that broke custom content.

Astro RSS Compiled Content

Astro RSS now supports full content RSS feed items.

Friends With Beer 2.0

Friends with Beer podcast has a new site, and it shouldn't surprise you that it's written with Astro.

Picture Element Sizes Attribute

A deeper look at controlling image display sizes with the picture element's sizes attribute.

Reponsive Image Rabbit Hole – Part 3

Some science experiments with Astro Image to show how it and responsive images in general work.

Reponsive Image Rabbit Hole – Part 2

Using automation, specifically Astro Image, to give the browser image options.

Reponsive Image Rabbit Hole – Part 1

I learned about responsive images the hard way, by misunderstanding how they worked.

Map Your Stuff

JavaScript array maps are a common pattern in Astro, and very useful ones at that.

RSS, Astro, and Me – Part 2

The details of my custom RSS feed.

RSS, Astro, and Me – Part 1

Astro makes some things incredibly simple, and other things not nearly so.


My website has begun anew, and here's why.