Maya ShavininITNEXTEnhancing focus visibility — focus-within or has(:focus)?Previously we have seen how to style an element in focus mode with CSS :focus and :focus-visible pseudo-classes for better accessibility…Aug 10, 2023Aug 10, 2023
Maya ShavininBetter ProgrammingFocus or Focus Visible? A Guide to Making Your Focus State AccessibleApp navigation is crucial for users regardless of what device they are usingAug 1, 20231Aug 1, 20231
Maya ShavininITNEXTCompose image thumbnail with Cloudinary and VueImage optimization has always been a hot topic for web performance, with different approaches and solutions such as lazy loading…Jul 18, 2023Jul 18, 2023
Maya ShavininITNEXTReact component testing with Vitest efficientlyThe previous post explored how to test React Hooks as a standalone unit with Vitest and React Testing Library. In this post, we will…Jun 22, 2023Jun 22, 2023
Maya ShavininITNEXTTest your React hooks with Vitest efficientlyThis post explores how to use Vitest and React Testing Library to help unit test React hooks in a way that makes them easy to maintain and…Jun 13, 2023Jun 13, 2023
Maya ShavininITNEXTEffortlessly Nuxt navigation: Crafting Dynamic breadcrumbsUsing breadcrumbs can be beneficial for a complex site since it provides users a clear visual understanding of the site hierarchy and a…May 16, 2023May 16, 2023
Maya ShavininITNEXTBuild a product gallery app easily with TailwindCSS and StorefrontUIWorking with a component library to build your custom UI can be complicated, especially when you want to integrate with other tools, such…May 9, 2023May 9, 2023
Maya ShavininITNEXTBuild a custom palette using color-mix() in TailwindCSSIn this post, we will see how to use CSS function `color-mix()` with CSS variables to generate a custom palette for our Nuxt application…Apr 18, 2023Apr 18, 2023
Maya ShavininFrontend WeeklyPosition your element with CSS inset logical propertyIn this tutorial, we will learn how to position an element using the inset logical property. We will also learn how the inset logical…Mar 30, 20231Mar 30, 20231
Maya ShavininITNEXTUsing TailwindCSS with Nuxt efficientlyIn this post, we will see how to use TailwindCSS with the Nuxt application efficiently with the help of the official Nuxt module for…Mar 28, 20231Mar 28, 20231