Practical Suggestions To Improve Usability Of Landing Pages With Animation From Slides

11 min read
No meows just yet

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 ... Read More…

37 more articles

Simon Schmid wrote

Introduction To Animation And The iMessage App Store With Shruggie

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…

The Smashing Editorial wrote

Animating SVG Files With SVGator

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…

Christopher Ng wrote

Making The Transition From After Effects To CSS Transitions And Keyframes

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…

Karim Maaloul wrote

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

September 25, 2017 — One might think that code-based animation leads to unnatural movement. On the contrary, it’s a great opportunity to tweak movement in a very flexible way, which makes it easier to achieve a convincing behavior for your character. This article explains just how. Read More…

Ellina Bereza & Simon Bronnikov wrote

Prototype And Code: Creating A Custom Pull-To-Refresh Gesture Animation

March 15, 2017 — Pull-to-refresh is one of the most popular gestures in mobile applications right now. It’s easy to use, natural and so intuitive that it is hard to imagine refreshing a page without it. In 2010, Loren Brichter created Tweetie, one of numerous Twitter applications. Diving … Read More…

Nick Babich wrote

How Functional Animation Helps Improve User Experience

January 11, 2017 — Identifying the places where animation has utility is only half the story. If you’re going to use animations in your designs, they should be built as a natural part of the design process. Read More…

Sergey Chikuyonok wrote

CSS GPU Animation: Doing It Right

December 9, 2016 — This article aims to help you to better understand how the browser uses the GPU to render, so that you can create impressive websites that run quickly on all devices. Read More…

Nash Vail wrote

Upgrading CSS Animation With Motion Curves

August 25, 2016 — There is UI animation, and then there is good UI animation. Good animation makes you go “Wow!” — it’s smooth, beautiful and, most of all, natural, not blocky, rigid or robotic. If you frequent Dribbble or UpLabs, you’ll know what I am talking about. With so many amazing … Read More…