CategoryAnimation

November 20, 2019 — This article aims to be a primer on iOS animations exhaustively covering different ways of doing so. We start off by understanding the basics of animations, move to the Core Frameworks building a single example using the different methods offered and finally looking at ways to tune performance. Read more…

October 14, 2019 — Flutter provides great animation support for cross-platform apps. This article explores the new unconventional and an easier way to add animations to apps. Read more…

June 18, 2019 — Creating complex SVG animations can be a challenging and tedious task — but not anymore. In this article, you will learn how to create path animations for the web using SVGator. Read more…

March 22, 2019 — This article will show you how to turn SVG circles into paths which you can use in animation and text paths, as well as how to turn paths into circles. Once you’ve figured out how it all works, you’ll be able to achieve some quite practical effects. Let’s dig in. Read more…

February 21, 2019 — It’s important to understand how animation can be used (or not used) in your design system. In this article, Val Head explains how you can help ensure that your brand is using animation consistently and effectively while also helping your team work faster. Read more…

January 4, 2019 — In this article, you can learn how to build the animated note display from the Awwwards website. It discusses the HTML5 SVG circle element, its stroke properties, and how to animate them with CSS variables and Vanilla JavaScript. Read more…

October 9, 2018 — Good functional animation makes a landing page not just more appealing, but also more usable. When done correctly, animation can turn a landing page from a sequence of sections into a carefully choreographed, memorable experience. Meet Slides, a framework that will help you use animation to communicate clearly. Read more…

September 10, 2018 — Learn about the basics of animation in After Effects by animating one of the most famous type characters and the state of the iMessage App Store in 2018 when it comes to stickers. Read more…

July 19, 2018 — We’re pretty excited by tools such as SVGator, which really speed up the process when you’re making simple SVG animations. Here’s how easy it is to use and how you can get a great-looking animation in no time. Read more…

December 29, 2017 — As web developers, we need a good foundation to create animations that are both performant and maintainable, which is paramount to the native web app landscape. In this article find out how to go from After Effects to CSS transitions, animations and keyframes. Read more…