Maya Shavin's blog - Everything about web development and more

All articles

Filtered by

Making a custom input counter component accessible
Learn how to resolve accessibility problems caused by overlapping interactive elements in input counter components. By switching from absolute positioning to CSS Flexbox, you'll achieve better accessibility, cleaner code, and built-in RTL/LTR language support.
Apr 16, 2025 · 3 min read
Continue reading
Enhancing focus visibility - focus-within or has(:focus)?
Discover how to use the :focus-within & :has() pseudo-classes in CSS to style parent elements based on a child's focus state!
Aug 08, 2023 · 5 min read
Continue reading
Focus or focus visible? A guide to make your focus state accessible
How to use CSS focus pseudo classes for styling your elements on different kinds of navigation
Aug 01, 2023 · 6 min read
Continue reading
Build a custom tooltip directive with CSS and Vue
Let's explore how we can add a tooltip to your Vue component using directive and CSS.
Mar 02, 2023 · 8 min read
Continue reading
Build an accessible tooltip component efficiently with CSS and Vue
Let's explore how we can build a fully accessible Vue component to display a tooltip from scratch using CSS.
Feb 22, 2023 · 13 min read
Continue reading
Build an accessible text field component with React
How to build an accessible text field component in React and TypeScript
Feb 01, 2023 · 11 min read
Continue reading