Codepen la bible de l’intégration web ?

logo codepen

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 conseil  d’avoir quelques bases car cela reste de l’apprentissage « sanwich » des langages web, ce sont juste des parties de code.
La force aussi de ce site ce sont de se confronté 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 grace au site j’ai trouver bien plus simple sans y avoir pensé avant, utilisé l’ombre interne : 

Les technologies supportées

Codepen.io supporte les dernier framework et autres technologies liés 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éficié le plus d’option tel que collaboré sur un projet avec plusieurs développeurs de la communauté où partager en privé vos création.

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

Vous pouvez à la manière d’un Facebook, partagé les création qui vous semble bonne sur vos réseaux sociaux, une icone « like » pour motivé les créateur, et la possibilité de  laisser des commentaire 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.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *