Projection de MERCATOR
📌 Toujours sur le sujet des projections de cartes. Petite animation trouvée sur twitter, montrant la différence entre une projection MERCATOR vs TAILLE RÉELLE des territoires émergés. Il est intéressant de voir comment ce type de représentation conditionne notre perception du monde. Certain pays continent perde un peu de leur superbe, une fois les tailles réelles respectées…
KITE : Animation HTML
📌 J'adore KITE pour rapidement animer les créas réalisées sous sketch , et maintenant sous XD également. Vraiment beaucoup plus accessible que After Effect (dans tous les sens du terme), Il permet même de générer du code directement intégrable à vos applications. Je ne comprend toujours pas pourquoi Sketch n'intègre pas nativement une timeline + Keyframe
The ultimate guide to proper use of animation in UX
📌 GUIDE détaillé sur la manière de réaliser de bonnes animations motion. Le tout avec de nombreux exemples et de petites animations explicatives très graphiques.
CSS ONLY FLOAT LABEL
📌 CSS ONLY FLOAT LABEL est un code CSS hébergé sur le génial codepen illustrant merveilleusement bien l'animation d'un libellé passant de l'intérieur du champ de saisie , au dessus du champs de saisie. Personnellement, je considère comme une bonne pratique, à complété d'un control de surface indiquant si le champs est OK ou KO 😉
Animation sur maquette
📌 J'avoue que c'est assez fort !!! Avec le petit making of à la fin qui va bien !
SPIRIT JS est un outil d'animation avec timeline et keyframe
📌 SPIRITjs est un outil d'animation avec timeline et keyframe pour Designers et Développeurs.