Sort by

Build a Nuxt app with Azure serverless REST API
Build a Nuxt app with Azure serverless REST API

Learn how to add serverless APIs to a Nuxt app using Azure Functions and its tools.

Mar 12, 2024 · 7 min read

Continue reading

Two shades of mocking a function in Vitest
Two shades of mocking a function in Vitest

How to mock a dependency for your unit tests in Vitest using vi.fn() and vi.spyOn() APIs, and when to use which.

Feb 20, 2024 · 8 min read

Continue reading

Playwright Component Testing in Vue: Using routing for states
Playwright Component Testing in Vue: Using routing for states

A step-by-step guide on how to test a component using routing with Playwright

Feb 06, 2024 · 5 min read

Continue reading

Exploring Component Testing in Vue with Playwright: The basics
Exploring Component Testing in Vue with Playwright: The basics

A step-by-step guide on how to test a component with the preview Playwright's component testing feature

Jan 30, 2024 · 6 min read

Continue reading

Build Kitty's hero banner with CSS background and linear-gradient
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 · 7 min read

Continue reading

Enhancing focus visibility - focus-within or has(:focus)?
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 · 6 min read

Continue reading

Focus or focus visible? A guide to make your focus state accessible
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 · 7 min read

Continue reading

How to extract public id from a Cloudinary URL easily
How to extract public id from a Cloudinary URL easily

Explore how we can extract Cloudinary public id and build new URL using the cloudinary-build-url package

Jul 25, 2023 · 4 min read

Continue reading

Compose image thumbnail with Cloudinary and Vue
Compose image thumbnail with Cloudinary and Vue

How to build a composable and create a optimized thumbnail for an image with Cloudinary in Vue app

Jul 18, 2023 · 5 min read

Continue reading

React component testing with Vitest efficiently
React component testing with Vitest efficiently

Tips for planning and testing your React component with Vitest and React Testing Library.

Jun 21, 2023 · 7 min read

Continue reading

Test your React hooks with Vitest efficiently
Test your React hooks with Vitest efficiently

Tips for planning and testing custom React hooks with Vitest and React Testing Library.

Jun 13, 2023 · 8 min read

Continue reading

Effortlessly Nuxt navigation: Crafting Dynamic breadcrumbs with Storefront UI
Effortlessly Nuxt navigation: Crafting Dynamic breadcrumbs with Storefront UI

Explore our step-by-step tutorial on crafting dynamic breadcrumbs using the powerful SfLink component from Storefront UI. Enhance user experience and make every click count!

May 05, 2023 · 11 min read

Continue reading

Build a product gallery app easily with TailwindCSS and StorefrontUI
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 · 9 min read

Continue reading

Build a custom palette using color-mix() in TailwindCSS
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 · 9 min read

Continue reading

Using TailwindCSS with Nuxt efficiently
Using TailwindCSS with Nuxt efficiently

How to build Nuxt application with TailwindCSS and its tools.

Mar 23, 2023 · 9 min read

Continue reading

Position your element with CSS inset logical property
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 · 7 min read

Continue reading

Build a custom tooltip directive with CSS and Vue
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 · 9 min read

Continue reading

Build an accessible tooltip component efficiently with CSS and Vue
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 · 15 min read

Continue reading

Using keyof and typeof for types efficiently in TypeScript
Using keyof and typeof for types efficiently in TypeScript

Let's learn to generate complex types with keyof and typeof as an efficient way of coding.

Feb 15, 2023 · 8 min read

Continue reading

Testing Vue components the right way
Testing Vue components the right way

Tips for planning and testing your Vue component with Vitest and Vue Test Utils

Feb 06, 2023 · 16 min read

Continue reading

Build an accessible text field component with React
Build an accessible text field component with React

How to build an accessible text field component in React and TypeScript

Feb 01, 2023 · 12 min read

Continue reading

Build a dialog manager with XState
Build a dialog manager with XState

How to use state machines to create a manageable dialog machine.

Jun 20, 2022 · 20 min read

Continue reading

Exploring the HTML Dialog element
Exploring the HTML Dialog element

How to build an accessible dialog component using the native HTML dialog element

May 20, 2022 · 10 min read

Continue reading

The must-have modules for a Nuxt site (p.2)
The must-have modules for a Nuxt site (p.2)

Let's explore some useful Nuxt.js modules for building a fast and SEO friendly Nuxt.js project

Sep 13, 2021 · 15 min read

Continue reading

The must-have modules for a Nuxt site (P.1)
The must-have modules for a Nuxt site (P.1)

Let's explore some useful Nuxt.js modules for building a fast, beautiful, and SEO friendly Nuxt.js project

Sep 10, 2021 · 8 min read

Continue reading

Deployment with GitHub Actions for Nuxt projects
Deployment with GitHub Actions for Nuxt projects

How to enable auto deployment to Vercel/Netlify with Git submodule in Nuxt projects.

Nov 12, 2020 · 20 min read

Continue reading

Headless CMS with Nuxt and Git submodules
Headless CMS with Nuxt and Git submodules

How to use Nuxt Content as Headless CMS with Git submodules

Sep 22, 2020 · 17 min read

Continue reading

Images optimization with Cloudinary in Nuxt apps
Images optimization with Cloudinary in Nuxt apps

How to optimize images efficiently with Cloudinary module for Nuxt.

Aug 11, 2020 · 12 min read

Continue reading

Dark/Light theme with TailwindCSS and Nuxt
Dark/Light theme with TailwindCSS and Nuxt

How to enable customized dark/light theme easily with TailwindCSS and Nuxt Color mode.

Aug 04, 2020 · 18 min read

Continue reading

Power up your (Jam)stack with the new Nuxt
Power up your (Jam)stack with the new Nuxt

The latest Nuxt version — v2.14 may be just what you are looking for to build Jamstack (static) apps. 🚀

Jul 29, 2020 · 14 min read

Continue reading

Color for SVG icons and elements with currentColor
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 · 8 min read

Continue reading

Dynamic theme with CSS Variables
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 · 10 min read

Continue reading

ES6 - This I Promise you
ES6 - This I Promise you

What exactly is Promise API, and why is it considered a significant improvement to JavaScript? We are going to find out in this post.

Apr 29, 2020 · 12 min read

Continue reading