The above approach works fine. But, if we need more customizations in pseudo-elements, we will end-up creating many classes to handle all scenarios.
And I am really glad that we ended up creating the best Angular toast in town, announcing…
In this article, I will show you how to ⚡ quickly setup ✏️ Ace editor in 🅰️ Angular without any other 3rd party libraries.
Open up your terminal and:
npm i -g @angular/cli
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.
When a project is open-source, that means anybody is free to use, study, modify, and distribute your project for any purpose.
Open source is powerful because it lowers the barriers to adoption and collaboration, allowing people to spread and improve projects quickly. Also because it gives users the potential to control their own computing, relative to closed source. …
In this article, we will learn how we can easily toggle between light and dark themes.
While theming in Bootstrap can be done through its built-in SASS variables, for this article we are going to use provided CSS stylesheets.
So, let’s get started.
index.html file in it:
In computer programming, a comment is a programmer-readable explanation or annotation in the source code of a computer program.
In this article, we will learn some of the known ways of writing comments, their usages, best practices, and more.
We all know that reading and understanding programs is much more difficult than writing them. And that’s why comments are always very useful when it comes to understanding another developer’s code.
In this article we will compare usage of Google's Material Design Icons, as font and SVG. And we will also see how we can use SVG sprites in an Angular application.
Material Icons are Google's official icon pack. They are carefully designed following Material Design Guidelines. It's one of the most widely used icon sets for both, web and mobile applications. It has got around 40k+ ⭐️ on github.
The easiest way to include the material icons is to use material icon font. All the material icons are packaged into a single font.
You just need to add single line…
Many times, we face a situation, where we need some kind of architecture that helps us achieve recursive occurrence of child elements within same child elements. For example, replies or comments of in a discussion. Each reply has same functionality and UI and there can be many replies under one reply.
Open up your 👨💻 terminal and run
npm i -g @angular/cli ng new recursive-child --defaults --minimal --inlineStyle
Tip: Do not use
--minimaloption in actual app. We are using it here only for learning purpose. You can learn more about CLI Options here.
Great 👍. We have completed the…
In this article, I will show you how we can change look and feel of checkboxes and radio buttons very easily using SCSS variables and functions.
I have created a repo called bootstrap-checkbox. You can simply get started from that, files to check for are:
You can see the final output at https://shhdharmen.github.io/bootstrap-checkbox/ which will look like below: