Subscribe to my newsletter and never miss my upcoming articles

Create a directive for free dragging in Angular

Nov 25, 202016 min read

In this article, we will learn how to create a directive in Angular that will allow us to freely drag any element, without using any 3rd party libraries. Let's start coding 1 Create a basic free dragging directive We will start by creating a basic an...

Announcing: Keyboard CSS - Show off your keyboard shortcuts with style 🦄

Oct 31, 20206 min read

Show off your keyboard shortcuts with style 🦄. Keyboard CSS Keyboard CSS is a library of ready-to-use, cross-browser compatible keyboard like button UI for use in your web projects. Great for showing off your keyboard shortcuts. Table of ...

How to setup Ace editor in Angular?

Oct 27, 20206 min read

In this article, I will show you how to ⚡ quickly setup ✏️ Ace editor in 🅰️ Angular without any other 3rd party libraries. ✏️ Ace Editor Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editor...

Custom Theme for Angular Material Components Series: Part 3 — Apply Theme

Sep 22, 202016 min read

This is the third article of Custom Theme for Angular Material Components Series. In the first and second, we understood how Angular Material’s and its components' themes work. Apply Theme to Angular Material and its different Components. Summary Thi...

Open-source Maintainers' Must Haves

Sep 21, 202011 min read

If you're starting a new open-source project, keep this list of must-haves in it. That will not only help in building better quality code, but will also help in maintaining issues, documents, etc. Table of Contents Open-source Maintainer Tools Li...

Toggle light and dark themes in Bootstrap

Sep 17, 20205 min read

In this article we will learn how we can easily toggle between light and dark theme. Themes in Bootstrap While theming in Bootstrap can be done through it's built-in SASS variables, for this article we are going to use provided css stylesheets. Boots...