Public

Since `ch` units are based on your current font their value can change when fonts are loaded and cause unexpected layout shifts.

We used to say ems were the best unit to use in media queries. Is that still the case in 2023?

The placebo effect is way weirder than you think.

Accessibility practitioners are currently at risk of Burnout due to the nature of our work. No matter our role, our work often gets prioritized over our well...

In some ways, responsive design was an attempt to move past the idea of a “page.” How’s that worked out for us?

A blog post from some months ago, which I never published. Here it is, finally published.

The shorthand for embedding an image in Markdown is the following:

There’s a lot of “same-ness” across design systems. Yesenia Perez-Cruz said it well:

Design systems should solve problems that designers confront over and over again, so that they can turn to more interesting challenges.

In today's GUI Challenge, @AdamArgyleInk builds a wide gamut color palette with okLCH, checking accessible color pairs along the way, inspecting color with d...

Netscape 6.0 is finally going into its first public beta. There never was a version 5.0. The last major release, version 4.0, was released almost three years ago. Three years is an awfully long tim…

Sir Uncle Timbo (Tim Berners-Lee to you) famously designed the web for all people, whatever their hardware, software, language, location, or ability. As mobile devices become ubiquitous, yet controlled by a de facto duopoly, how can we ensure that the web remains open, affordable, and accessible for our 3 billion neighbours who are as yet unconnected? This session is from the Development Track. About the Speaker: Bruce was a member of the committee that drafted the British Standard for commissioning accessible websites, and an editor of the HTML5.3 spec for the W3C. He’s also a musician and has been a Bollywood movie extra, tutor to a Princess in Thailand, a tarot reader in Istanbul and arrested (mistakenly!) for espionage in Moscow. Learn more about axe-con at https://www.deque.com/axe-con/

Evaluating new web technologies and using them safely

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

Explore our free collection of design systems courses taught by Ethan Marcotte.

I think text-generation “AI” will succeed entirely on the merit that most people just don’t like writing. They just don’t wanna do it. They have to do it, because job, but they’d rather not. It’s not a part of their role that they enjoy. It’s certainly not a fun break from other duties. They may […]

A call to slow down in a fast-moving world.

Hi hi hi. Robin here. It’s Saturday. I’m up early, dressed, eated, walked. Now: under an awning outside my favorite cafe in the city, with the rain making a...

A riff on a post by Robb Owen

@elly@front-end.social I know this feeling to well. (I’m still refining my approach, so take all of this with a grain of salt.) If there is a tonne, I would avoid being exhaustive or overly detailed. I try to limit my auditing sessions to a fixed amount of time so that it doesn’t turn into an endless task or wear on me mentally. In situations where there’s a lot, I think it’s more important to call that out, but then focus on the high impact issues. Those will help a client get a sense of where to start and the resources they’ll need for it (which might include followup audits). Also, remember: you didn’t make this mess and you don’t need to burn yourself out to fix it.

There are many lovely open source icon sets out there, but sometimes, we just need to 'transcend' them. Product Designer Gleb Stroganov shows us how to craft customized icons by leveraging product font styles, bridging two key interface elements—and giving our products some serious style.

[](https://front-end.social/@elly/110327098611403837){.u-syndication rel=syndication hidden}

A tool to visualize color choices and color palettes on a real website to help with branding and UI design decision making.

Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

In this tutorial, we’ll use HTML, CSS, and vanilla JavaScript to add an accessible theme picker component to a website.

While a custom CSS scrollbar may seem flashy and fun, consider that it may present a significant, unnecessary barrier to access…

All the AI design hype got me twitching enough to write about the business risks of working so high-fidelity so fast.