Apprenez grâce aux snippets CSS
Les snippets CSS, petits morceaux de code source peuvent être d’une grande utilité et représenter un gain de temps non négligeable dans la réalisation d’un projet. Avec l’abondance des nouveautés CSS3, les intégrateurs s’en donnent à cœur joie…
Le support grandissant de CSS3 par les navigateurs à vu naître de nombreux sites proposant des collections de snippets et d’expériences avec CSS. Dans la même veine que les sites de PSD gratuits, ici vous trouverez des exemples fonctionnels de petits modules en HTML/CSS, mais également des animations. À la clé, une petite présentation avec les spécificité du code (compatibilité navigateurs, description…), des commentaires, améliorations de la communauté et bien plus encore.
Découvrir et apprendre…
En plus de vous faire gagner du temps, vous pouvez apprendre simplement en suivant les dernières bonne pratiques CSS. Il existe de nombreux articles avec des catégories entières sur des blog dédiées aux snippets CSS dans un but purement productif. Ce n’est que récemment que le web à vu naître de nombreuses galeries orientées vers le fun, la communauté et l’expérimentation, présentées comme des aires de jeux CSS. Il en existe des dizaines, voici les trois principales à connaître pour ne garder que le meilleur :
CSS Deck
La référence en la matière pour le moment. Le site de type galerie comporte déjà une imposante collection de CSS mais également des animations Javascript. Vous pouvez également explorer et modifier librement les créations via un petit éditeur en ligne. Idéal pour en comprendre le fonctionnement.
Codepen
Une galerie complète avec des snippets de qualité. Le site permet également l’édition de code directement en ligne.
CSS Pop
Derrière son design pas très fin, la galerie propose des exemples plutôt sympathiques.
Snippets « de production » pour gagner du temps
Quelques liens avec du code de qualité pour réellement vous faire gagner du temps sur vos projets.
WDTrends
J’ai presque oublié http://www.webinterfacelab.com/snippets !
20 ressources CSS pour vos sites web | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels
[…] en arpentant le web à la recherche d’inspiration, j’ai sélectionné quelques snippets CSS qui vont faire plaisir aux développeurs front-end et aux webdesigners. Plutôt que de […]