Blogs about Front-end web development

I agree with so much of this piece… especially the expansive view of accessibility that is inclusive of both the disability divide and the digital divide.Great summary here:[M]y passion for accessibility stems from experiencing accessibility …

Try the mouse challenge this Global Accessibility Awareness Day to understand the importance of inclusivity in digital spaces.

I love libraries. I think they’re one of humanity’s greatest inventions. My local library here in Brighton is terrific. It’s well-stocked, it’s got a welcoming atmosphere, and it’s in a great location. But it has …

A proposal to retroactively classify additions to CSS in order to put more meat on the bones of the term “modern CSS”. adactio.com/links/21138

I've been playing around with @starting-style and had a thought; that combining it with transition-behavior could aid in completing a purely CSS transition strategy for toggling display: none or first render. Dialog and popover both …

TL;DR: Avoid setting heading levels greater than six (6). This applies whether using aria-level or the proposed headingstart HTML attribute. Use HTML <h#> elements whenever possible. ARIA The aria-level attribute, when applied to headings (or …

Two weeks ago, I noticed a tweet by Jason Lengstorf about a Netlify project called Dusty Domains. The idea: use a domain that you registered but never actually used, "ship a site to Netlify and …

Create cross-browser overlay with animated backdrop filter blur

Focus outlines (and their styling) have frequently been a point of contention between aesthetics and usability. On the one hand, focus outlines are incredibly important for navigation, particularly by users navigating via keyboard or other …

The age of average (encore) by Alex Murrell is a wild analysis of how the technology landscape has changed the shape of music. “Media has always shaped music,” the author states, (David Byrne’s How Music …

For this year’s Google I/O, I recorded the session “Multi-page application View Transitions are here”. Last year, we debuted Same-Document View Transitions for use in your Single-Page Applications (SPAs), and now we’re taking it to …

Shoutout to the Astro and Starlight team for helping me get this right. This guide provides step-by-step instructions on how to integrate Astro.js Starlight documentation into a Next.js project using proxies. Astro Starlight is an …

I've spoken at a lot of events this year, some small community events, some large multitrack conferences, some meetups. All the events have had one thing in common. Organisers who care. Organisers who care about …

Essay question Write a 4000 word portfolio on the following topic... You are required to produce a portfolio which shows ongoing evidence of how you are applying learning on the PG Certificate in Management and …

The original purpose of this blog was for me to document solutions that I spent hours figuring out at work, which means it’s not my code therefore I cannot take it wholesale with me. I …

Just a short update today, as I’ve been pretty busy in the last few days with my nose to the grindstone, continuing my job search. I’m looking for roles in the Front End and/or Developer …

It's twenty four years to the day since A List Part published John Allsopp's seminal treatise A Dao of Web Design. But all this time on, we're still making the same mistakes. Read more.

This series on AI is a co-authored by Megan Notarte and Jason Grigsby. How we deploy AI in our work and product development may hold as much weight in shaping the risks and ethics as …

A cartoon coded in CSS from comiCSS.