Développeurs front : où trouver des codes snippets gratuits

De nombreuses ressources gratuites sont disponibles en ligne pour les développeurs front-end, notamment pour accéder à des code snippets. Ces petits extraits de code te permettent de gagner un temps fou : en les copiant-collant dans ton code source, tu intègres des parties de texte pré-traitées à ton éditeur, qui ne demandent pas de compilation. Quelle joie ! Nous t’avons réuni ici quelques-uns de nos sites préférés.

STACKOVERFLOW

Plus besoin de présenter StackOverFlow, le forum le plus complet des développeurs. La communauté est énorme, et partage ses connaissances constamment.

CODYHOUSE

Codyhouse fournit non seulement quantité de ressources gratuites, mais propose aussi des cours pour progresser (notamment en JavaScript ou jQuery). Le site est mis à jour tous les mois avec un nouveau projet, qui inclut un article et un lien de téléchargement dudit projet (sliders SVG, transitions de pages, animations etc...) 

CREATIVES FEED

Creatives Feed est un blog de webdesign, proposant de nombreux articles et études de cas en design et développement web. Leur galerie de code snippets est totalement gratuite, et propose à la fois des projets en CSS et JavaScript, mais aussi des templates de sites qu’ils ont créé eux-mêmes. 

CODEPEN

CodePen est une référence en matière de développement front. Des dizaines de milliers de projets y sont publiés par les utilisateurs, en faisant une source intarissable d’inspiration pour des projets en HTML, CSS et JS. 

HAKIM EL HATTAB

Hakim El Hattab est un développeur front-end basé en Suède. Il est notamment le co-fondateur de Slides. Son site n’est certes pas mis à jour aussi souvent que les autres cités ici, mais les projets disponibles sont d’une grande qualité (effets de scrolling, de chargement de page, etc).

CODE MY UI

Code My UI est mis à jour presque quotidiennement, et propose de nombreux snippets de web design. On y trouve des instructions et des sources d’inspiration pour l’animation de texte, les scroll effects, les animation de bouton, etc. 

FREEBIESBUG

Freebiesbug est une pépite pour les UI designers aussi bien que pour les développeurs front. En plus de nombreuses ressources en code, des templates PSD, des icônes, et des kits UI sont mis à disposition gratuitement.

BLIVESTA

Blivesta est un designer basé à Tokyo. Son site propose gratuitement quantité de code snippets pour le développement front et le UI design. Il fournit non seulement un lien vers ses projets, mais aussi vers leur page GitHub, avec tous les fichiers nécessaires pour ajouter le snippet à son propre site. La plupart de ses projets sont destinés à des développeurs relativement expérimentés.

CSS-TRICKS

CSS-tricks comme son nom l’indique, fournit une belle quantité de snippets en CSS, mais pas que : PHP, HTML, JavaSript, Wordpress... De nombreux snippets y sont disponibles.

ET BIEN D'AUTRES !

D’autres sites mériteraient aussi d’être sur cette liste (on pense notamment à Snipplr, CodePad, Codrops...). Le nombre de ressources en ligne pour faciliter la vie des développeurs est infini, la seule règle d'or : ouvrir l'oeil !