Category "Animation" — Smashing Magazine

Kirill Myshkin wrote

Orchestrating Complexity With Web Animations API

September 13, 2021 — There are way too many options in Web Animations API to pick them up that easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on. Read more…

Mikołaj Dobrucki wrote

How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0

May 18, 2021 — Today, we are taking a closer look at SVGator 3.0, a new major release of the popular SVG application that lets you create, edit and animate SVG files and make the best out of what SVG has to offer — from start to finish. Read more…

Nefe Emadamerho-Atori wrote

Introducing Framer Motion

October 26, 2020 — Animations, when done right, are powerful. However, creating eye-catching animations with CSS can be tricky. In comes Framer Motion. With Framer Motion, you don’t need to be a CSS expert to make beautiful animations. Framer Motion provides us with production-ready animations and a low-level API we can interact with to integrate these animations into our applications. Read more…

Preston So wrote

Using WebXR With Babylon.js

October 9, 2020 — In this overview of WebXR technologies and the Babylon.js framework, we’ll inspect the underpinnings of WebXR and the most important aspects of the WebXR Device API before turning our attention to Babylon.js. Read more…

Blessing Krofegha wrote

Animating React Components With GreenSock

September 14, 2020 — In this article, Blessing explains how GSAP plays well with the React library by integrating its functions into a React component in building an example landing page with a variety of animations. Read more…

Val Head wrote

Designing With Reduced Motion For Motion Sensitivities

September 8, 2020 — Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities. Read more…

Anna Prenzel wrote

How To Create A Particle Trail Animation In JavaScript

April 14, 2020 — Particle animations belong to the most impressive animations that exist. In this article, Anna Prenzel will explain how you can to easily program a small trail of particles with anime.js. Read more…

Saravanan V wrote

Performing iOS Animations On Views With UIKit And UIView

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…

Shubham wrote

Animating Apps With Flutter

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…