Subscribe to my newsletter and never miss my upcoming articles

Let's light it 🔥 up!

Apr 23, 20212 min read

In previous post, we saw how amazing it is to use animation with wave 👋 emoji! In this post, we will try to achieve the same for flame 🔥 emoji! Below is the CSS code: :root { --flame-size: 100; } @keyframes flame-animation { 0%, 100% { o...

Different ways to run schematics from another schematics

Apr 15, 20217 min read

When we create schematics, we sometimes face a situation where we want to run other existing schematics from the same or external collection. In this article we will learn how to do it. A schematic is a code generator, which follows a set of instruct...

Animation can make wave 👋 much more than emoji!

Apr 2, 20211 min read

We all use wave 👋 emoji a lot in web apps! Next time when you use it, try to add a simple wave animation to it... @keyframes wave-animation { 0% { transform: rotate(0deg); } 10% { transform: rotate(14deg); } 20% { transform: ro...

Add Support for Reduced Motion in Angular Animations

Mar 23, 202113 min read

In this article, we will understand why reduced motion support is needed. We will also understand the media query and it’s various usages. And at last, we will see how to disable animations in Angular. If you’re simply interested in the main code, he...

🎉 Announcing GitHub Link: Get links to code in your GitHub files based on text, and forget the line numbers!

Mar 10, 20216 min read

GitHub Link Get links for your GitHub files based on text, and forget the line numbers! Why GitHub Link? In Short We usually create link-to-code to point our readers, users or developers to the exact code. But such links are created based on line-num...

How to Change Look & Feel of Pseudo Elements using JavaScript and CSS Custom Properties

Feb 6, 20215 min read

Changing the UI of pseudo elements through JavaScript can become difficult sometimes. Let's see how we can make it easy with help from CSS Custom Properties. The Problem In general, if we want to change anything in pseudo elements through JavaScript...