Deconstruct flex: 1;We’ve all used flex: 1 countless times while styling with Flexbox. But do we truly grasp what it does behind the scenes?Aug 20Aug 20
A Deep Dive into CSS Flexbox and Grid Properties(Justify and Align)As UX engineers, for crafting user interfaces (UIs) the two of the most powerful tools in our arsenal are CSS Grid and Flexbox. These…Jun 11Jun 11
CSS clamp for Fluid TypographyUsually while developing a responsive website, we use responsive typography. Responsive typography is a method where the font-size values…May 31May 31
A Year in Review: Tech Stack Used in 2023As 2023 draws to a close, it’s a great time to reflect on the technologies I’ve used and the lessons I’ve learned. This year, I’ve explored…Dec 21, 2023Dec 21, 2023
Design tokens in Figma — Source of truth for Design and DevelopmentToday we are exploring the idea to use Figma as the source of truth for the design and development activities with the help of design…May 31, 2022May 31, 2022
My experience with React QueryI would like to share my experience using React Query for Fetch, cache and update data in your React application. In one my project, the…Jul 5, 2021Jul 5, 2021
Gatsby and Next JS : My experienceToday sharing out my experience on using the frameworks Gatsby JS and Next JSApr 5, 2021Apr 5, 2021
Different ways we can render a web pageToday I’m going to doing a share out on the ways to render a web application. There are mainly 3 ways: Client Side rendering, Server Side…Dec 2, 2020Dec 2, 2020
React Native Components in Android AppHere sharing my experience on including a page built on React Native into and existing android app. Details can be found in my…Dec 30, 2019Dec 30, 2019
HTML Audio Player Progress barHere sharing a codepen for recreating a audio player progress bar using HTML, CSS, JS and jQuery.Nov 28, 2019Nov 28, 2019