Subscribe to my newsletter and never miss my upcoming articles

How to use ControlValueAccessor to enhance date input with automatic conversion and validation

Jun 3, 20216 min read

Overall idea behind this article to explain and demonstrate the usage of ControlValueAccessor and Validator interfaces . The former is used to bind together a FormControl from Forms package and native DOM elements. The latter is used to implement val...

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...