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 readingmaterial
How to lazy load Angular Material Dialogs
In an earlier post, I showed you how to create reusable confirmation dialogs with angular material components. In this video, we’ll cover how to lazy load your material dialogs using…
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 readingHow to add infinite scroll to Angular material list
If you’ve ever had to deal with large lists in your web app, you’re probably familiar with infinite scroll. Infinite scroll is a common UI/UX solution to the problem of…
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 readingCreate a responsive navbar in Angular using Flex Layout
Designing a navbar (or a toolbar) is easy for one screen size, but to make a truly responsive navbar, Flex Layout provides us with some neat tricks we can use!…
Continue reading