Figures As Universal Containers
When I see figures, this is what I think about and what I see the most often, maybe with srcset and sizes attributes to handle responsive images. See the Pen figure and image by Carlos Araya...
Exploring Intrinsic Sizing
There are two ways to measure content in CSS. Explicit measurements are what we're most familiar with. These are the pixels, rems and ems. Intrinsic sizes don't provide exact dimensions but size...
Writing Modes, Direction and Text-Orientation
The Writing Modes specification reached full recommendation status almost 5 years ago. I've written about it before but I think it's time to revisit them again and see how they could be applied to...
Everything is a box
One way of thinking about HTML and web content is to think about boxes, multiple boxes surrounding your content. You can see these nested boxes in your browser's Dev Tools as shown in figure 1. CSS...
Shapes as Layout Drivers
CSS Shapes have been around for a long time and allow developers to wrap text around the shape of the image. According to MDN: The CSS shapes module describes geometric shapes that can be in CSS. For...
Revisiting Images For The Web
It's been a while since I've looked at image formats supported on web browsers. The last time I did, AVIF had recently been introduced and Apple had announced support for WebP in Safari and operating...
Creating an Eleventy Website (Part 2)
In the last post, we looked at building and configuring an Eleventy website. This post will look at creating content for the site including: Migrating old content from WordPress, creating additional...
Creating an Eleventy Website (Part 1)
I used WordPress until 2023 when I became disappointed as to the direction the project was going and how much harder blocks make it to create bespoke designs the way I'm used to. So I decided to move...
Compiling Go Programs
In all previous Go-related posts, we've just run the code using Go's run command, like so: go run main.go <parameters> But there are times when we must compile the program either for internal use...
Using Third-Party Libraries in Go
So far we've covered command-line applications that only use modules in the standard library This post will explore using third-party modules by building a conversion tool from Markdown to HTML Before...