5 days agoHow 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. Also, the size of CSS file matters because CSS files can be render blocking so you need to keep a check…Web Development2 min read
Jun 7Eleventy — Shortcode for Embedding CodepenDon’t know what eleventy is? Before you read further, check out this amazing series of articles by Tatiana Mac to know more about eleventy and static site generators in general. Shortcodes are used to invoke a particular function which returns some html or any other data based on the information…Web Development2 min read
May 275 VSCode Extensions You Must UseHere are the 5 most useful Visual Studio Code extensions to improve your workflow! 1. Error Lens Error Lens is an extension which allows you to see error, warning and diagnostic messages in line with your code without having to hover or click on anything! It also highlights the line with different colors…Software Development2 min read
May 22How 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. In this tutorial, we will see how we can create an express app from scratch and deploy it to vercel. Prerequisites Node.js should be installed on your system. Creating an Express App Run…Java Script3 min read
Apr 5Optional Chaining in JavaScriptOptional Chaining in JavaScript is used to return undefined for accessing an object property that doesn't exist and whose parent property is nullish (null or undefined). If you are unaware that property exists or not and you want to avoid the error that’s being thrown, you may want to use…Java Script3 min read
Mar 25How to compile SASS into CSS and watch for changes?SASS extends CSS which means that you can have all the features of CSS plus the features of SASS just like a cherry on top of a cake! Browsers don’t understand SASS, just like they don’t understand JSX (which is compiled into valid javascript) in React. Which is why we…Web Development2 min read
Feb 27IIFE in JavaScriptYou might be familiar with functions in JavaScript. An IIFE (Immediately Invoked Function Expression) is a special type of function which is invoked implicitly. Even if you don’t invoke it in your code, it will run on it’s own. …Java Script2 min read
Dec 23, 2021Create a QR Code generator using JavaScriptWhile you can generate QR codes for URLs in browsers such as Chrome it’s always interesting to learn how you can make your own version of a simple QR code generator. Here we go. HTML Here’s a quick look at the HTML code and it’s pretty straightforward. The last element…Free Qr Code Generator3 min read
Published in TheLeanProgrammer·May 29, 2021How to create a spotlight effect?Applying Transitions And Animations Using CSS — CSS can be weird sometimes, but it can be pretty awesome too. Let’s create a spotlight effect with some CSS. First of all, we will set up our HTML markup as follows:CSS5 min read
Mar 20, 2021End-to-End Encryption: Math & LogicEncryption is one of the things which are essential for securing a system. End to end encryption is a pretty good way to secure the channel of communication between two communicators. Let’s take a look at what encryption is and how end-to-end encryption actually works. What is encryption? Encryption is a way to…Technology7 min read
