Victor Loux — bookmarks tagged “animation”

What Parallax Lacks

nngroup.com/articles/parallax-usability/

How To Design Emotional Interfaces For Boring Apps — Smashing Magazine

smashingmagazine.com/2018/04/designing-emotional-interfaces-boring-apps/

When your product deals with repetitive tasks, it’s hard to keep users excited about it. That’s where UI comes into play. Let's talk about elements that make an interface more emotional.

nivo

nivo.rocks/

The ultimate guide to proper use of animation in UX

uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9

Implementing a reduced-motion mode

hugogiraudel.com/2018/03/19/implementing-a-reduced-motion-mode/

There are quite a few reasons for someone not to want animations. Some people suffer from motion sickness. Some people suffer from ADHD. Some people simply d...

30 Seconds of CSS

atomiks.github.io/30-seconds-of-css/

Your Interactive Makes Me Sick - Features - Source: An OpenNews project

source.opennews.org/articles/motion-sick/

Muuri - Responsive, sortable, filterable and draggable grid layouts

haltu.github.io/muuri/

Muuri is a JavaScript library that creates responsive, sortable, filterable and draggable grid layouts.

Old School Color Cycling with HTML5 | EffectGames.com

effectgames.com/effect/article-Old_School_Color_Cycling_with_HTML5.html

Anyone remember Color cycling from the 90s? This was a technology often used in 8-bit video games of the era, to achieve interesting visual effects by cycling (shifting) the color palette. Back then video cards could only render 256 colors at a time,...

12 basic principles of animation - Wikipedia

en.wikipedia.org/wiki/12_basic_principles_of_animation

Creating Usability with Motion: The UX in Motion Manifesto

medium.com/@ux_in_motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc

The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion to support usability?” Over the last 5 years, it has been my…

LOOPY: a tool for thinking in systems

ncase.me/loopy/

Animista

animista.net/

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

Kite Compositor – Motion Design for Mac

kiteapp.co/

Lottie

airbnb.design/lottie/

Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.