View full-screen

Author:

Sara Soueidan

SVG graphics can be animated using animation elements. A lot of very impressive effects can be created, especially ones involving morphing and transforming shapes. The sky’s the limit.

View full-screen

Author:

Will Fanguy

Microinteractions play a large role in our digital lives, even if we don’t always notice them. From the time your phone’s alarm wakes you in the morning to liking your friends’ posts on Facebook to the notifications about new emails and Instagram messages—we encounter microinteractions all day.

View full-screen

Author:

Krisztina Szerovay

Creating Empathy Maps is useful for synthesizing research data in order to better understand the users. Empathy Maps are great for creating Personas, identifying users with different mindsets.

View full-screen

Author:

Chris Coyier

The animation property in CSS can be used to animate many other CSS properties such as color, background-color, height, or width. Each animation needs to be defined with the @keyframes at-rule which is then called with the animation property.