What would I do without AI?
A senior engineer’s practical take on using AI at work—covering productivity, onboarding, code analysis, writing, and why AI feels more like a companion than a threat.
Jan 27, 2026 · 6 min read
Continue reading
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 readContinue reading
Mastering Flexible Layouts: CSS Flexbox VS Grid for Responsive Design
Discover the different approaches using CSS Flexbox and Grid for creating responsive, adaptive display and automatic distribution of cards in a gallery container.
Jan 21, 2025 · 4 min readContinue reading
Resolving Auto-Scroll issues for overflow container in a Nuxt app
Learn how to fix auto-scroll issues in a Nuxt 3 project, caused by non-scrollable body elements with overflow containers. This guide covers the root causes and provides solutions like removing conflicting styles or using scrollTo.
Jan 15, 2025 · 4 min readContinue reading
Build Kitty's hero banner with CSS background and linear-gradient
Let's explore how to build a hero banner component with an image background using CSS HTML and alternatives.
Dec 19, 2023 · 6 min readContinue 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 readContinue 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 readContinue reading
Build a product gallery app easily with TailwindCSS and StorefrontUI
How to develop a product gallery Nuxt application with StorefrontUI and TailwindCSS.
Apr 28, 2023 · 8 min readContinue reading
Build a custom palette using color-mix() in TailwindCSS
How to generate color palette using CSS color-mix() function and for your TailwindCSS application
Apr 19, 2023 · 8 min readContinue reading
Using TailwindCSS with Nuxt efficiently
How to build Nuxt application with TailwindCSS and its tools.
Mar 23, 2023 · 8 min readContinue reading
Position your element with CSS inset logical property
A guide on how to position an absolute element using CSS logical properties with the prefix inset.
Mar 09, 2023 · 6 min readContinue 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 readContinue 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 readContinue 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 readContinue reading
Exploring the HTML Dialog element
How to build an accessible dialog component using the native HTML dialog element
May 20, 2022 · 8 min readContinue reading
Dark/Light theme with TailwindCSS and Nuxt
How to enable customized dark/light theme easily with TailwindCSS and Nuxt Color mode.
Aug 04, 2020 · 15 min readContinue reading
Color for SVG icons and elements with currentColor
Making reusable SVG icons and consistent color theme for components while keeping the style sheets short is now achievable with currentColor - a CSS Module 3 variable. What’s exactly is currentColor?
Jul 27, 2020 · 7 min readContinue reading
Dynamic theme with CSS Variables
Theming a web application is always a challenge, and it can easily lead to performance issues. CSS pre-processor variables are good, but not enough for dynamic theming. Luckily, CSS variables can help to solve this challenge efficiently. 🚀
Jul 15, 2020 · 9 min readContinue reading
