Blogs about Front-end web development

Sometimes I build a custom element, and then I have second thoughts about it. hotpink teal #22f6 #f226 The first is just a clever use of CSS. The second (‘real’) custom element simplifies the markup, …

Wow, long time, no posts! Anyway, about them text-to-art generative models going about, eh? Surprising nobody: I am extremely into them. I’ve been using DALL-E and MidJourney since they came out, and even though tons …

I cringe whenever I look back to the days I was the interviewer for roles at the companies I worked for. When I was just starting out my career at a company with hundreds of …

UI = f(data)(state)

James Kerr explains how the Array.sort() function actually works!

I think filing bugs on browsers is one of the most useful things a web developer can do. When faced with a cross-browser compatibility problem, a lot of us are conditioned to just search for …

A little while ago (read: 14 years ago) I wished for a parent selector, and we finally have :has 🎉. Now, how about the ever useful jQuery selector :contains but reusing the text fragment syntax? …

I had been aware of the scripting CSS media feature but I was still under the impression that cross-browser support was lacking. What a pleasant surprise to discover that it has been available in all …

All Chromium-based apps such a Google Chrome, Obsidian have a built-in DNS client. I have set up NextDNS on my computer to block ads and trackers. The built-in DNS clients by pass the NextDNS, which …

A short thort

In the first part of this chapter we discussed what we might need live regions for, and how to create them using HTML and ARIA. In this part, we’re going to discuss what live regions …

If you've ever approached a blank page with an idea for a long blog post, you'll understand me when I say that it can be daunting. I can't count how many times I've though to …

Ensuring technology is accessible and inclusive relies heavily on receiving feedback directly from disabled users. You cannot rely solely on checklists, guidelines, and good-faith guesses to get things right. This is often hindered, however, by …

Here's Temani Afif once again doing what he does best: creating wild single-element tricks. What's on this time? The preview below shows the article's result, which is two image elements. The img elements are displayed …

My first attempt at bringing back the short story in ~30 years.

Something had been bugging me for a while; I had a legacy shortcode that would render external links, when really I wanted to use markdown to improve portability. Hundreds of instances lurked within dozens of …

The stroke-dasharray attribute in SVG is more flexible compared to the dashed style in CSS. While there are numerous articles and examples about its usages, including Line animations, Pie charts, Circular progress bars, or even …

Today my personal web site is being served sans-JavaScript in honor of JavaScript Naked Day. I implemented this on my web site using a global JS_ENABLED in my Eleventy configuration file (propagated to templates via …