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.
Continue reading
Filtered by
Discover the different approaches using CSS Flexbox and Grid for creating responsive, adaptive display and automatic distribution of cards in a gallery container.
Continue reading
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.
Continue reading
Learn how to use Netlify Form with Nuxt SSR pre-rendering to create a seamless contact form experience for your static site.
Continue reading
Learn how to find the last matched element in an array using different approaches in JavaScript, from syntactic sugar to performance-efficient solutions
Continue reading
Learn how to mock a module and stub an environment variable in functional testing with Vitest
Continue reading
How to mock a dependency for your unit tests in Vitest using vi.fn() and vi.spyOn() APIs, and when to use which.
Continue reading
A step-by-step guide on how to test a component using routing with Playwright
Continue reading
A step-by-step guide on how to test a component with the preview Playwright's component testing feature
Continue reading
Let's explore how to build a hero banner component with an image background using CSS HTML and alternatives.
Continue reading
Discover how to use the :focus-within & :has() pseudo-classes in CSS to style parent elements based on a child's focus state!
Continue reading
How to use CSS focus pseudo classes for styling your elements on different kinds of navigation
Continue reading
Explore how we can extract Cloudinary public id and build new URL using the cloudinary-build-url package
Continue reading
How to build a composable and create a optimized thumbnail for an image with Cloudinary in Vue app
Continue reading
Tips for planning and testing your React component with Vitest and React Testing Library.
Continue reading
How to generate color palette using CSS color-mix() function and for your TailwindCSS application
Continue reading
A guide on how to position an absolute element using CSS logical properties with the prefix inset.
Continue reading
Let's explore how we can add a tooltip to your Vue component using directive and CSS.
Continue reading
Let's explore how we can build a fully accessible Vue component to display a tooltip from scratch using CSS.
Continue reading
Tips for planning and testing your Vue component with Vitest and Vue Test Utils
Continue reading
How to use state machines to create a manageable dialog machine.
Continue reading
How to build an accessible dialog component using the native HTML dialog element
Continue reading
Let's explore some useful Nuxt.js modules for building a fast, beautiful, and SEO friendly Nuxt.js project
Continue reading
How to enable auto deployment to Vercel/Netlify with Git submodule in Nuxt projects.
Continue reading
How to use Nuxt Content as Headless CMS with Git submodules
Continue reading
How to optimize images efficiently with Cloudinary module for Nuxt.
Continue reading
The latest Nuxt version — v2.14 may be just what you are looking for to build Jamstack (static) apps. 🚀
Continue reading
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?
Continue reading
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. 🚀
Continue reading
What exactly is Promise API, and why is it considered a significant improvement to JavaScript? We are going to find out in this post.
Continue reading