Codepen la bible de l’intégration web ?

Codepen.io c’est le site que tous les intégrateurs web et développeurs front end devrait connaitre.
Un site rempli de très bonnes idées, créatives et simple à comprendre, très utile lorsqu’on cherche des idées, une vrai caverne d’Ali baba et les 40 développeurs.

Une mine d’info pour l’intégration web

Codepen.io c’est un site qui regroupe un grand nombre de développeur front-end qui partage leur parti de code, leurs secrets. Très simple à utiliser, mais demande quand même de connaitre les langages HTML, CSS et JavaScript (la base) pour déchiffrer le tout.
Je conseille  d’avoir quelques bases, car cela reste de l’apprentissage « sandwich » des langages web, ce sont juste des parties de code.
La force aussi de ce site ce sont de se confronter au pratique d’intégration web d’autre développeur.

Pour l’exemple, j’avais l’habitue pour faire coulisser le fond ‘un bouton au survol, en utilisant une image  en png avec un fond transparent qui faisait le double de la taille du bouton et de changer le » background-position » de « left » vers « right » avec une transition CSS, mais grâce au site j’ai trouvé bien plus simple sans y avoir pensé avant, utilisé l’ombre interne : 

Les technologies supportées

Codepen.io supporte les derniers framework et autres technologies liées au HTML, CSS et JavaScript, tel que jQuery, SASS, JADE….
Et aussi la possibilité d’importer des scripts externes.

Pour voir les codes de la communauté et les manipuler  il vous suffit de visiter le site, si vous voulez éditer et partager vos astuces, il faudra vous inscrire, cela prend quelques secondes, il existe aussi une version pro payante vous permettant de bénéficier le plus d’option tel que collaboré sur un projet avec plusieurs développeurs de la communauté où partager en privé vos créations.

Un réseau social de l’intégration web

Vous pouvez à la manière d’un Facebook, partagé les créations qui vous semblent bonne sur vos réseaux sociaux, une icône « like » pour motiver les créateurs, et la possibilité de  laisser des commentaires ou de suivre les développeurs qui vous intéresse.

En conclusion, je partage avec vous un de mes codepen.

See the Pen Mercury orbit CSS by josuao (@josuao) on CodePen.