CODEPEN – La mine d’or des intégrateurs/développeurs

Anthony

Tout d’abord qu’est ce que Codepen ?

Codepen est un site web réalisé par Chris Coyier (créateur de CSS-tricks), Tim Sabat et Alex Vazquez, qui se décompose en 4 fenêtres ( une pour le CSS, une autre pour le HTML, une autre pour le Javascript et enfin une dernière pour la visualisation ). Cet éditeur de code en ligne permet aux intégrateurs et aux développeurs de partager leurs trouvailles/réalisations à la communauté puis cette dernière peut-être éditer ou améliorer par une tout autre personne.

Quelques réalisations sur Codepen :

Voici différents travaux réalisés sur Codepen.

animated-menu

Ce menu est entièrement réalisé en CSS/HTML. Aucun JS n’a été utilisé.

life-good

Un formulaire réalisé en HTML, CSS et en JS. Conçu pour intégrer les réseaux sociaux.

slider2

Voila un diaporama multiplié par 2. Vous pouvez allez vers le haut/bas ou vers la gauche/droite. (L’image du milieu change obligatoirement)

glare

Un effet de Lens Glare sur un logo réalisé en CSS. (passer votre curseur sur le logo)

unsafe-look

Un code pour valise/coffre fort réalisé en HTML/CSS/JS et qui est interactif.

tetris

Un petit tetris pour se détendre ?

happycog

Ces petits carrés ont un effet plutôt sympa lors du hover sur l’un d’entres eux.

Vous pouvez trouver une centaine d’autres Pens directement sur le site : codepen.io

Toutes nos actualités