Illustration de la semaine au poil #39

Une semaine au poil – #39

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.

Sketch VS Adobe XD vs Figma

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.

Granim.js

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.

Stargate en CSS

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.

Lanapapier.fr

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 !

Changer l'ordre en CSS

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.

Laisser un commentaire :

Votre adresse email ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.