Maya Shavin Website Logo - click to go to home page
AboutSpeakingProjectsMaya Shavin Website Logo - click to go to home pageHomeBlogTeachingContact

Latest

Making a custom input counter component accessible

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 read

Continue reading

All articles

Filtered by

  • 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 · 6 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

  • 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 · 10 min read

    Continue reading

Designed & Developed by Maya Shavin - © 2025