Forem

Maya Shavin 🌷☕️🏡 profile picture

Maya Shavin 🌷☕️🏡

Senior SE @Microsoft | Published author | Founder @VueJSIsrael | Speaker | @StorefrontUI | GDE | JavaScript | MDE @nuxt_js ambassador

Location Israel Joined Joined on  Personal website https://mayashavin.com twitter website

Work

Senior Software Engineer at Microsoft

Six Year Club
Five Year Club
Writing Debut
1 Week Community Wellness Streak
Four Year Club
4 Week Writing Streak
Three Year Club
Two Year Club
One Year Club
Making a custom input counter component accessible
Cover image for Making a custom input counter component accessible
mayashavin profile

Making a custom input counter component accessible

#css #javascript #webdev #a11y
12
Comments 5
3 min read

Want to connect with Maya Shavin 🌷☕️🏡?

Create an account to connect with Maya Shavin 🌷☕️🏡. You can also sign in below to proceed if you already have an account.

Create Account
Already have an account? Sign in
Managing Multi-Step Forms in Vue with XState
Cover image for Managing Multi-Step Forms in Vue with XState
mayashavin profile

Managing Multi-Step Forms in Vue with XState

#xstate #vue #frontend #javascript
8
Comments
7 min read
My Top 5 VSCode Extensions to Supercharge Your Markdown Writing
Cover image for My Top 5 VSCode Extensions to Supercharge Your Markdown Writing
mayashavin profile

My Top 5 VSCode Extensions to Supercharge Your Markdown Writing

#markdown #extensions #vscode #writing
13
Comments 1
5 min read
Mastering Flexible Layouts: CSS Flexbox VS Grid for Responsive Design
Cover image for Mastering Flexible Layouts: CSS Flexbox VS Grid for Responsive Design
mayashavin profile

Mastering Flexible Layouts: CSS Flexbox VS Grid for Responsive Design

#cssgrid #css #tutorial #webdev
3
Comments
4 min read
Resolving Auto-Scroll issues for overflow container in a Nuxt app
Cover image for Resolving Auto-Scroll issues for overflow container in a Nuxt app
mayashavin profile

Resolving Auto-Scroll issues for overflow container in a Nuxt app

#nuxt #css #vue #tutorial
4
Comments
4 min read
Building Social Media Automation: LinkedIn Sharing with Serverless Function
Cover image for Building Social Media Automation: LinkedIn Sharing with Serverless Function
mayashavin profile

Building Social Media Automation: LinkedIn Sharing with Serverless Function

#linkedin #serverless #javascript #netlify
3
Comments
7 min read
Efficient Blog Cover Image Generation with CoCover for VS Code
Cover image for Efficient Blog Cover Image Generation with CoCover for VS Code
mayashavin profile

Efficient Blog Cover Image Generation with CoCover for VS Code

#vscode #githubcopilot #ai #llm
5
Comments 1
3 min read
Effective Visual Regression Testing for Developers: Vitest vs Playwright
Cover image for Effective Visual Regression Testing for Developers: Vitest vs Playwright
mayashavin profile

Effective Visual Regression Testing for Developers: Vitest vs Playwright

#testing #vue #playwrightjs #vitest
10
Comments
7 min read
Reliable Component Testing with Vitest's Browser Mode and Playwright
Cover image for Reliable Component Testing with Vitest's Browser Mode and Playwright
mayashavin profile

Reliable Component Testing with Vitest's Browser Mode and Playwright

#testing #vue #playwrightjs #vitest
15
Comments 2
5 min read
Seamless Contact Form experience with Netlify Form in Nuxt 3
Cover image for Seamless Contact Form experience with Netlify Form in Nuxt 3
mayashavin profile

Seamless Contact Form experience with Netlify Form in Nuxt 3

#nuxt #netlify #vue #tutorial
2
Comments
6 min read
Build a smart product data generator from image with GPT-4o and Langchain
Cover image for Build a smart product data generator from image with GPT-4o and Langchain
mayashavin profile

Build a smart product data generator from image with GPT-4o and Langchain

#openai #langchain #python #tutorials
7
Comments
8 min read
Find the last matched element - the bad, the good, and the better
Cover image for Find the last matched element - the bad, the good, and the better
mayashavin profile

Find the last matched element - the bad, the good, and the better

#typescript #frontend #tutorial #javascript
6
Comments 1
3 min read
Module and environment variable stubbing for efficient testing in Vitest
Cover image for Module and environment variable stubbing for efficient testing in Vitest
mayashavin profile

Module and environment variable stubbing for efficient testing in Vitest

#testing #javascript #vitest #tutorial
2
Comments
5 min read
Build a Nuxt app with Azure serverless REST API
Cover image for Build a Nuxt app with Azure serverless REST API
mayashavin profile

Build a Nuxt app with Azure serverless REST API

#serverless #typescript #azure #nuxt
Comments
6 min read
Two shades of mocking a function in Vitest
Cover image for Two shades of mocking a function in Vitest
mayashavin profile

Two shades of mocking a function in Vitest

#testing #javascript #vitest #tutorial
6
Comments 1
6 min read
Component Testing in Vue: Using routing for states
Cover image for Component Testing in Vue: Using routing for states
mayashavin profile

Component Testing in Vue: Using routing for states

#testing #vue #playwright #tutorial
1
Comments
4 min read
Exploring Component Testing in Vue with Playwright
Cover image for Exploring Component Testing in Vue with Playwright
mayashavin profile

Exploring Component Testing in Vue with Playwright

#testing #vue #playwright #tutorial
15
Comments 4
5 min read
Build a beautiful hero banner with CSS background and linear-gradient
Cover image for Build a beautiful hero banner with CSS background and linear-gradient
mayashavin profile

Build a beautiful hero banner with CSS background and linear-gradient

#cloudinary #css #webdev #tutorial
6
Comments 1
6 min read
Enhancing focus visibility - focus-within or has(:focus)?
Cover image for Enhancing focus visibility - focus-within or has(:focus)?
mayashavin profile

Enhancing focus visibility - focus-within or has(:focus)?

#css #a11y #webdev #tutorial
13
Comments 3
6 min read
Focus or focus visible? A guide to make your focus state accessible
Cover image for Focus or focus visible? A guide to make your focus state accessible
mayashavin profile

Focus or focus visible? A guide to make your focus state accessible

#css #a11y #webdev #tutorial
24
Comments 5
6 min read
How to extract public id from a Cloudinary URL easily
Cover image for How to extract public id from a Cloudinary URL easily
mayashavin profile

How to extract public id from a Cloudinary URL easily

#cloudinary #javascript #webdev #tutorial
3
Comments 1
4 min read
Compose image thumbnail with Cloudinary and Vue
Cover image for Compose image thumbnail with Cloudinary and Vue
mayashavin profile

Compose image thumbnail with Cloudinary and Vue

#vue #javascript #typescript #tutorial
2
Comments
5 min read
React component testing with Vitest efficiently
Cover image for React component testing with Vitest efficiently
mayashavin profile

React component testing with Vitest efficiently

#testing #react #vitest #javascript
33
Comments 2
6 min read
Test your React hooks with Vitest efficiently
Cover image for Test your React hooks with Vitest efficiently
mayashavin profile

Test your React hooks with Vitest efficiently

#testing #react #vitest #typescript
11
Comments 3
6 min read
Making dialog with HTML Dialog element
Cover image for Making dialog with HTML Dialog element
mayashavin profile

Making dialog with HTML Dialog element

#html #a11y #tutorials #webdev
8
Comments 7
6 min read
Effortlessly Nuxt navigation: Crafting Dynamic breadcrumbs with Storefront UI
Cover image for Effortlessly Nuxt navigation: Crafting Dynamic breadcrumbs with Storefront UI
mayashavin profile

Effortlessly Nuxt navigation: Crafting Dynamic breadcrumbs with Storefront UI

#nuxt #javascript #typescript #vue
8
Comments
8 min read
Build a product gallery app easily with TailwindCSS and StorefrontUI
Cover image for Build a product gallery app easily with TailwindCSS and StorefrontUI
mayashavin profile

Build a product gallery app easily with TailwindCSS and StorefrontUI

#tailwindcss #vue #javascript #typescript
12
Comments
8 min read
Build a custom palette using color-mix() in TailwindCSS
Cover image for Build a custom palette using color-mix() in TailwindCSS
mayashavin profile

Build a custom palette using color-mix() in TailwindCSS

#tailwindcss #nuxt #css #tutorials
3
Comments 1
8 min read
Using TailwindCSS with Nuxt efficiently
Cover image for Using TailwindCSS with Nuxt efficiently
mayashavin profile

Using TailwindCSS with Nuxt efficiently

#tailwindcss #javascript #nuxt #vue
13
Comments 1
7 min read
Position your element with CSS inset logical property
Cover image for Position your element with CSS inset logical property
mayashavin profile

Position your element with CSS inset logical property

#tutorials #css #webdev #beginners
6
Comments 4
6 min read
Build a custom tooltip directive with CSS and Vue
Cover image for Build a custom tooltip directive with CSS and Vue
mayashavin profile

Build a custom tooltip directive with CSS and Vue

#vue #css #tutorials #javascript
6
Comments
7 min read
Build an accessible tooltip component efficiently with CSS and Vue
Cover image for Build an accessible tooltip component efficiently with CSS and Vue
mayashavin profile

Build an accessible tooltip component efficiently with CSS and Vue

#vue #css #a11y #tutorials
5
Comments
13 min read
Using keyof and typeof for types efficiently in TypeScript
Cover image for Using keyof and typeof for types efficiently in TypeScript
mayashavin profile

Using keyof and typeof for types efficiently in TypeScript

#javascript #typescript #webdev #beginners
10
Comments 1
6 min read
Testing Vue components the right way
Cover image for Testing Vue components the right way
mayashavin profile

Testing Vue components the right way

#testing #vue #vitest #frontend
11
Comments 1
12 min read
Accessible text field component with React and TypeScript
Cover image for Accessible text field component with React and TypeScript
mayashavin profile

Accessible text field component with React and TypeScript

#a11y #css #react #javascript
7
Comments
10 min read
loading...