Animations with William Juan

06/23/21 • 24 min

Animation is a great solution to improve the application experience.

You can add animations to your web applications using CSS animations, browsers web animations API or by using third-party libraries.

Juan talking bout different aspects of animations, how it works and how to get started.

Links
angular.io/guide/animations
auth0.com/blog/get-better-angular-ux-using-animation-techniques
indepth.dev/posts/1285/in-depth-guide-into-animations-in-angular
williamjuan027.github.io/angular-animations-explorer

Popmotion
lottie
Tailwind

More from Juan
Twitter
Website

Animation is a great solution to improve the application experience.

You can add animations to your web applications using CSS animations, browsers web animations API or by using third-party libraries.

Juan talking bout different aspects of animations, how it works and how to get started.

Popmotion
lottie
Tailwind

More from Juan
Twitter
Website

Previous Episode

Responsive Design

These days, people use different devices to access the web. Therefore, every web application should be adapted to all screen sizes.

Responsive Design is a technique that allows screens to adjust to different sizes accordingly.

There are a few techniques to make your Angular Apps responsive. You can choose from several libraries specifically built for that purpose or just do plain CSS by writing CSS Media Queries.

Lets discuss that 👉 Twitter thread

Links
Angular Flex Layout
Angular CDK Layout
Tailwind Responsive Design
Bootstrap Layout Utilities
CSS Media Queries

Twitter Pool
Angular Flex Layout / CDK vs Tailwind / Bootstrap Utilities vs Media Queries

Next Episode

Keeping Angular Projects Up To Date

Angular is continuously evolving together with the entire web ecosystem.

Therefore, it is a recommended best practice to keep up your Angular projects up to date with the latest Angular version.

In this episode, you will learn why updating to a new Angular version is a good idea. Also, I will provide some tips that will help you to achieve that.

Links:

Angular versioning and releases
Angular update guide
Deprecated APIs and features
ng update
Angular, Angular CLI, NodeJS compatibility list
Angular CLI diff