angular

Angular Material 3 Theming: Design Tokens and System Variables

If you work with Angular and don’t want to or can’t develop every single component yourself, you use a framework like Angular Material. One of the great things about the framework is that it is based on a modern design system, Google’s Material version 3, and supports design tokens. This provides every product/project team with a common foundation that Product Owners, designers, customers, and developers can work on together. In this article, I describe how to implement a Material 3 theme using the Angular Material framework.

View Transitions with Angular (SPA)

View transitions is a cool and powerful API we can use in our Angular application to create animated transitions between views to elevating the overall user experience and enhancing usability, resulting in positive user feedback. Update [2023-09-12] Angular router now supports View Transitions. (#73e4bf2) Use Case The use case in this article is a single page application built with Angular to demonstrate a portfolio of a user. As in most customer projects, I also set up and use a design system here.