Builder.io's Partytown with 11ty
Exploring builder.io's partytown and integrating it with 11ty! It is nothing but a library which uses web workers to separately execute third party scripts. [...]
Syntackle - A software development blog covering topics & tutorials related to the web, javascript, jamstack, serverless and much more.
Debugging and Testing in Web Development
Debugging and testing are essential parts of any web development process. They help ensure that the code is functioning correctly, meets standards and requirements, and works efficiently. [...]
Why I love Markdown
I was introduced to it when I started using github for hosting my projects. That was my first encounter with markdown and since then, I never looked back. Here's why. [...]
What is DOM diffing?
DOM, also known as the Document Object Model, is a programmatic representation of the contents of a web page. In other words, the content of a web page is represented in the form of objects and nodes. [...]
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. [...]