spaceninja + animation + ui   4

UI Interactions
UI interactions using one element and pure CSS. Because we love UI interactions and CSS!
fridayfrontend  css  cssbasics  animation  hamburger  icons  ui  ux 
3 days ago by spaceninja
Portfolio Rework Part 1: Animation, Micro interaction & SVG
Stéphanie reworked her Portfolio and blog in 2018. I (Geoffrey) personally worked on the coding part, but also on the animation and micro-interaction part. And that’s what I want to write about today. Animation can be considered as part of a visual identity. Let’s go through the different little animations and their specificities. I want to share with you some tips, things I learnt before and practiced while creating those interactions, to inspire you.
fridayfrontend  css  animation  svg  ui  ux  design  currentcolor 
march 2019 by spaceninja
The ultimate guide to proper use of animation in UX
While exploring the articles about animation, I found out that almost all of them describe only specific use cases or general facts about animation, but I haven’t come across any article where all rules concerning animation of interfaces would be clearly and practically described. Well, in this article I want to collect all the main principles & rules in one place, so that other designers who want to start animating interfaces don’t have to search for additional information.
fridayfrontend  css  animation  ui  ux  design 
october 2018 by spaceninja
The Shady Web: Using CSS for Good, not Evil, by Heidi Olsen
Navigating the web has turned into a treacherous exercise. Between sidebars, popups, scroll overs, and pre-checked boxes, you have to avoid the content you don’t want to unearth the content you do want. As these practices in distraction and diversion become the norm, marketers are pressured to follow suit. Together we will look at the difference between influencing genuine user behavior and tricking people through the use of CSS patterns and interactions.
fridayfrontend  video  css  animation  ux  ui  design  patterns 
april 2018 by spaceninja

Copy this bookmark:



description:


tags: