/3 mins read/...
Quick macOS Setup for Web Devs
Get your macOS ready for web development fast! This minimal setup guide will have you coding within 30 minutes.
All posts
I like to write about stuff I'm into. You'll find a mix of web dev articles, tech news, and random thoughts from my life. Use the search below to filter by title.
/4 mins read/...
How to create an image with blurry loading effect in NextJS
NextJS has provided a built-in image component that has many useful features, we can leverage them with some custom styles to create a beautiful image with a blurry loading effect.
/3 mins read/...
How to get your Namecheap private email to work with Vercel DNS
A step by step guide on how to get your Namecheap private email to work with Vercel DNS.
/3 mins read/...
On Tailwind CSS arbitrary values
How to use arbitrary values in Tailwind CSS to create custom styles for your components. Some nice tips to make your Tailwind CSS workflow more efficient.
/3 mins read/...
Does JavaScript Promise.all() run in parallel or sequential?
JavaScript is a single-threaded programming language, so it can't run multiple things at the same time, Promise.all() actually runs promises concurrently, not in parallel!. Let's dive in to see how it works.
/6 mins read/...
Eliminating Render Blocking CSS and measuring page rendering time with Performance API
Learn how to improve your website's performance and enhance user experience by avoiding render blocking CSS. Using the Chrome Performance API to measure and optimize page rendering time.
/7 mins read/...
Migrate your Shopify store assets to a new store using File API
Learn how to migrate your assets from an old Shopify store to a new one in a few simple steps. This guide will show you how to retrieve and download your images using GraphQL and Node.js, and upload them to your new store with ease.
/5 mins read/...
Introduction to Committing with Conventional Commit
Conventional commit is a specific form of committing which gives software developers a uniform system for organizing and describing their changes, making it easier to keep track of updates
/5 mins read/...
Better responsive images with srcset and sizes attributes
A guide to using the srcset and sizes attributes to create responsive images