Cette semaine passée fût riche en découvertes, voici ma sélection : un concept efficace de menu pour votre inspiration, du JS pour rendre beau vos modals, un article pour passer d’un icon font à un SVG, un beau site et pour finir un Tumblr plein de boutons en CSS. Bonne lecture !
Concept efficace de menu
Voilà un concept très réussi pour votre inspiration.
La démo est visible ici : https://share.framerjs.com/lg0nu9ecekfy/
Plus de détails sur son auteur sur Dribbble : https://dribbble.com/shots/2653519-Menu
SweetAlert2 : une bibliothèque JavaScript pour créer d’élégants modals
Il n’y a rien de plus laid que les fenêtres de base d’un navigateur. Cette bibliothèque JS vous permettra d’en faire quelque chose de bien plus beau avec la petite animation qui va bien.
Il y a de nombreuses possibilités et vous pourrez les tester directement sur le site.
A tester et télécharger ici : https://limonte.github.io/sweetalert2/
Comment passer d’un icon font à un SVG ?
Sara Soueidan, une spécialiste du SVG, vient de mettre en ligne un article complet pour passer d’un icon font à un SVG. Une technique utile si l’on veut se débarrasser de ces fonts qui peuvent alourdir un site en ne gardant uniquement certains icônes. Si vous n’êtes pas convaincu, je vous renvoie à cet article.
A lire ici : https://sarasoueidan.com/blog/icon-fonts-to-svg/
Beau site : Hess Classic
Le site de Hess Classic vient d’être mis en ligne et il est particulièrement réussi. Il a été réalisé par l’agence strabourgeoise Pan. Son UI est maîtrisé et graphiquement sa sobriété aide à mettre en avant les photos. D’ailleurs, si vous êtes amateur de voiture vous devriez l’apprécier d’autant plus plus, car les photos des voitures sont très belles et on y voit tous les détails. Bref, un site à garder dans vos favoris pour votre inspiration.
Pour le voir : http://www.hessclassic.com/
Inspiration : un Tumblr qui recense plus de 190 boutons en CSS
Sur ce Tumblr vous trouverez une tonne de boutons réalisés en CSS téléchargeables. Le site semble être régulièrement mis à jour et chacun des boutons mis en ligne est bien choisi.
A voir ici : http://cssbuttons.tumblr.com/
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter !
