Maya's blog - Everything about coding & JavaScript

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

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

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

Using TailwindCSS with Nuxt efficiently

How to build Nuxt application with TailwindCSS and its tools.

Mar 23, 2023 · 9 min read

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

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

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

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

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

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

Build a dialog manager with XState

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

Jun 20, 2022 · 20 min read

Exploring the HTML Dialog element

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

May 20, 2022 · 10 min read

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

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

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

Headless CMS with Nuxt and Git submodules

How to use Nuxt Content as Headless CMS with Git submodules

Sep 22, 2020 · 17 min read

Images optimization with Cloudinary in Nuxt apps

How to optimize images efficiently with Cloudinary module for Nuxt.

Aug 11, 2020 · 12 min read

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

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

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

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

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

Sort by