Back in the day, centering an element was one of the trickiest things in CSS. As the language has evolved, we’ve been given lots of new tools we can use… But how do we pick the best option? When do we use Flexbox, or CSS Grid, or something else? Let's dig into it.
I collected these links for a blog post, but did not get to the point writing it, yet. I have sorted and list them here. Maybe they are useful like they are already.
Most carousels come along with usability and accessibility issues. To avoid these issues, this article addresses step-by-step design considerations as well as semantic requirements for carousels to be accessible. It is intended to create an in-depth understanding of the implementation and its impact on users.
Forms are already notoriously tough to customize and style — to the extent that we’re already starting to see new ideas for more flexible control. But what we don’t often discuss is designing good-form experiences beyond validation. That’s what Jima Victor discusses in this article, focusing specifically on creating multi-step forms that involve navigation between sections.
The new Speculation Rules API is incredibly powerful, but we can do so much more! By taking a layered, opt-in approach, we can add more progressive and effective functionality.
A collection of bad practices in HTML, copied from real websites.
Carousels! They aren’t effective or popular with real users, and yet they can be found all over the... Tagged with a11y, webdev, carousel, javascript.
Fluid responsive design
Content accessibility isn't just design and production's job. It's everyone's job. Here's how content creators can create accessible content.
Inline SVG, <use>, <symbol>, spritesheets, JSX...
What are value objects? And why are they useful.
In this post I hope to explain what I mean by value object and let you see why they are one of the most powerful tools in our programming toolbox.
Timezones are weird. But only finitely so. Here's the exact conceptual model you should have of them.
Write alt text that communicates an image's purpose without repeating page content. Focus on meaning rather than visual description.
Learn how overflow: clip works in CSS.
A look at common patterns found on the web, how they are harmful for accessibility, and what to do instead.
Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or stage in a project.
“Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to use in any scenario.