Angular Material Dark Mode in 3 steps
A dark mode is a must-have little feature for your Angular web application. It is easier on the eyes and less draining for your smartphone battery. Here is how you…
Continue readingUX design
Better Angular Components with Content Projection
In this short article, I’ll introduce you to the concept of content projection in Angular and how we can use it to create reusable but more flexible components in our…
Continue readingCreate a responsive card grid with TailwindCSS and Angular
In a previous article, we built up a nice card view layout with TailwindCSS and Angular. In this article, we’ll continue with that and convert it into a responsive card…
Continue readingCreate a blog post card layout with Angular and TailwindCSS
In this article, we’ll create a blog post card layout using Angular and TailwindCSS and it’s utility first pattern. TailwindCSS has been getting a lot of attention nowadays because it…
Continue readingHow to add TailwindCSS in Angular 11.2
In this article, I’ll quickly show you how to add TailwindCSS to your Angular 11.2 app so you can get building your layouts with it. TailwindCSS is a utility first…
Continue readingAdd spring animations to your angular app with popmotion
You might have heard of spring animations recently with popular libraries such as react-spring and Framer Motion in the React world. I was on a hunt recently for a similar…
Continue readingCreate a responsive sidebar menu with Angular Material
Sidebar navigation menus are the most common layout pattern used by web apps nowadays. But most of the components that we have are not really responsive. In this article I’m…
Continue readingCreate a multi select chips component with Angular Material
I was going through the material design spec document the other day and came across the ever so versatile material chips. They’re versatile in the sense that you can use…
Continue readingAngular material tabs with lazy loaded routes
Tabs are a great UI pattern to divide up complex content of your web app into easily digestible pieces. You can use a few tabs or several tabs, each catering…
Continue readingAngular Animations: Create a card flip animation
Animations add a nice touch to any application, if they’re used in suitable places and not overdone. But when you’re developing games, they are an absolute must! Recently, I created…
Continue reading