Illustration de la semaine au poil #34

Une semaine au poil – #34

Pour cette semaine #34 nous avons : Compressor.io, un outil pour compresser vos images en ligne, un loader sous forme de vagues, un lazy load inspiré du site Medium, l’évolution du design des boutons sur le web, et pour finir, un article autour du hover sur les sites.

Compressor.io : compresser et optimiser vos images en ligne

Toujours utile pour réduire le temps de chargement de vos pages web, et ce sans quasiment aucune perte de qualité. L’outil est très simple d’utilisation et s’apparente à kraken.io que j’utilise régulièrement.

Compressor.io, compresser et optimiser vos images

Par ici : compressor.io

Un loader sous forme de vague

Réalisé en JS et CSS, ce loader est très léger et sera facile à mettre en place.

See the Pen wavePercent by Elaine (@ElaineXu) on CodePen.0

Lazy load inspiré du site Medium

Vous avez sans doute remarqué que pour afficher au mieux les pages pendant le chargement, Medium utilise une technique qui a pour effet d’afficher des blocs à la taille des photos à charger mais dont on affiche uniquement les couleurs dominantes. On pourrait croire que la photo a été floutée. Ca a l’avantage d’avoir une page qui ne bouge quasiment pas pendant toute la durée du chargement.

See the Pen Dominant Color Lazy Loading by Kyle Lavery (@koenigsegg1) on CodePen.0

L’évolution du design des boutons sur le web

Le bouton en UI est un des éléments les plus importants, synonyme d’interaction avec l’utilisateur. Le moins que l’on puisse dire, c’est qu’il a évolué depuis ses débuts jusqu’à aujourd’hui. Cet article relate son histoire et donne quelques conseils sur la manière dont il faut le créer aujourd’hui.

L'évolution du bouton depuis les début d'internet

Lire l’article : uxplanet.org/buttons-in-ui-design-the-evolution-of-style-and-best-practices

Le hover est mort. Longue vie au hover.

Petit article intéressant sur les changements d’utilisation du hover sur les sites internet depuis les lancements des ordinateurs portables 2 en 1.

Le hover est mort. Longue vie au hover.

Lire l’article : medium.com/instacart-design/hover-is-dead-long-live-hover

 

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.