Using Fontsource With 11ty
For quite some time, I was searching for a way to self host google fonts because the google fonts API's network request increased the render blocking time more than I expected. [...]
Creating Git Hooks Using Husky
They are used to verify everything is as expected before or after executing a git command or action. Some common applications include formatting the code before committing, performing build step before pushing the code to production, etc. [...]
Setting Background Color of Body Dynamically in React
You can specify the background color of body in a global stylesheet, but it's not easy to update the background color dynamically for different pages in your website. So, I went on to code a hacky but working patch using CSS custom properties. [...]
Minify JavaScript Using Terser
Terser is a javascript compressor and mangler supporting ES6+ specification. In this tutorial, you will get to know how to use terser to minify or compress javascript. [...]
Deploying React App to Netlify
In this tutorial, I am going to show you how you can deploy a react app on netlify from an existing git repository of yours. [...]
Adding Custom Anchors to Headings in Markdown - Eleventy
Anchors are nothing but id attributes applied to an element to link to it using href attribute internally on the same page. [...]
How to vendor prefix and minify CSS?
Writing CSS from scratch along with adding vendor prefixes can be a daunting task if done manually. Vendor-prefixes can be easily added using the autoprefixer plugin of PostCSS. [...]
Eleventy - Shortcode for Embedding Codepen
Shortcodes are used to invoke a particular function which returns some html or any other data based on the information that is passed. They are mainly used to reuse html templates which require some preprocessing. [...]
5 Most Useful Visual Studio Code Extensions
Here are the 5 most useful Visual Studio Code extensions to improve your workflow! [...]
How to create and deploy an Express.js app to Vercel?
Vercel is a platform to host frontend applications and static sites but you can also host an express app using serverless functions. [...]