Qu’avons nous au programme de cette nouvelle semaine ? Un article qui compare Sketch, Adobe XD et le méconnu Figma, Granim.js pour créer des dégradés super fluides, la porte de Stargate, le beau site lanapapier.fr et pour finir, des méthodes pour changer l’ordre des blocs en CSS.
Bonne lecture !
Sketch VS Adobe XD VS Figma
Hormis Photoshop il existe maintenant de nouveaux logiciels pour travailler l’UX design. Cet excellent petit article compare Sketch, Adobe XD et Figma, des outils pour les UX designers (mais pas que). Il devrait vous aider à faire un choix.
A lire ici : uxtools.co/blog/sketch-vs-adobe-xd-vs-figma
Granim.js : créer des dégradés fluides
Cette bibliothèque JavaScript va vous permettre de créer des animations en dégradés très facilement.
Plusieurs possibilités : dégradés classiques, de style radial, avec une image en fond, avec un masque ou encore de manière interactive avec un bouton.
Exemples : sarcadass.github.io/granim.js/examples.html
A télécharger sur github : github.com/sarcadass/granim.js/releases
Expérimentation : la porte de Stargate
J’ai été bluffé par cette expérimentation, je n’imagine pas combien de temps il a mis pour créer cette porte de Stargate. Programmée en grande partie en CSS avec un peu de JS.
A tester ici : csstargate.schoenwald.media
Beau site : lanapapier.fr
Studio Meta, agence strasbourgeoise (qui a déjà pas mal de prix à son actif), vient de mettre en ligne leur dernière production Lana Papiers. Il est particulièrement bien réussi avec de petites animations bien senties et un web design au poil.
Le site : lanapapier.fr
6 méthodes pour changer l’ordre de blocs en CSS
Pas mal de méthodes CSS existent pour jouer avec l’ordre des blocs. Dans cet article, son auteur, vous en présente 6 et chacune sont illustrées avec des exemples précis. A bookmarker !
A lire ici : webdesign.tutsplus.com/tutorials/a-few-different-css-methods-for-column-ordering–cms-27079
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter.
