Découvrez pour ce numéro 29 la sélection de la semaine : un générateur de cartes en 3d tout en CSS bluffant, un beau site pour votre inspiration, colorer des emojis avec CSS filters, toutes les possibilités du CSS3 Transform, tester si votre site est mobile-friendly d’après Google.
Générateur de cartes en 3d tout en CSS
Ce codepen est bluffant ! Son auteur, avec uniquement du CSS, a réussi à créer un générateur de carte en 3d avec différentes options. Encore une fois, ce genre d’expérimentation démontre à quel point le CSS est puissant.
See the Pen Full CSS Map creator by Vincent Durand (@onediv) on CodePen.
Beau site : Locomotive, Agence Web de Montréal
Parmi les sites que j’ai pu visiter cette semaine, le site de l’agence web Locomotive me semble le plus réussi. Son webdesign efficace et tendance, sa façon de gérer ses textes lors d’un hover sur la page d’accueil, ses petits détails comme le bouton pour les contacter toujours présent en font un site complet à garder au chaud pour votre inspiration.
A visiter ici : locomotive.ca
Colorer des emojis avec CSS Filters
Un codepen assez simple qui montre comment colorer un emoji super simplement avec un CSS Filters.
See the Pen Coloring emoji using CSS by Roman Komarov (@kizu) on CodePen.
Toutes les possibilités du CSS3 Transform
L’auteur s’est amusé à recenser toutes les possibilités du CSS3 Transform dans un codepen, ce qui peut en faire un pense bête assez pratique.
See the Pen Css3 Transform by Vineeth.TR (@vineethtr) on CodePen.
Un outil pour tester si votre site est mobile-friendly
On ne le répétera jamais assez, mais il est aujourd’hui indispensable d’avoir un site optimisé pour les mobiles. Google en a fait sa priorité numéro 1, et voici encore une fois un nouvel outil pour tester et des astuces pour l’améliorer.
Tester votre site : testmysite.thinkwithgoogle.com
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter.
