Create 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 readingcss
Create 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 readingDesign a Weather Card With Angular Material and CSS
Cards an essential UI element nowadays for almost any web application. Here is how to create a simple Angular Material card which shows the weather for today. This article is…
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 readingFastest way to make a responsive card grid with CSS
A few months ago I wrote about how to set up a responsive card grid using the Angular Flex Layout library. It proved quite useful to a lot of people,…
Continue readingTop 5 must-know CSS layout techniques
CSS is often seen as a bane by many web developers. It is not like your typical programming language and can be a bit hard to understand. However, you can…
Continue readingTruncate multiple line text in Angular like a pro
Truncation is a common problem when developing user interfaces with varying lengths of text. While truncating a single line of text is easy through good old CSS, how to truncate…
Continue readingRxJS in Angular: Creating a Weather App
RxJS in Angular can seem a bit difficult at first. But once you learn to leverage its power, it makes your code cleaner and more readable! In this article, I’m…
Continue reading