CodePen fait partie des outils indispensables aux développeurs front end. En résumé, c’est un énorme bac à sable où on peut y tester son code, le partager, collaborer avec d’autres développeurs si on le souhaite ou tout simplement s’inspirer de codes existants.
Il accepte l’HTML, le CSS (incluant les préprocesseurs SASS et LESS) et le JS.
On y trouve énormément de ressources, à peu près tout ce que vous pouvez imaginer s’y trouve, que ce soit du simple hover sur un bouton ou des expérimentations ultra complexes.
Bienvenue CodePen Projects !
Depuis cette semaine, on peut trouver les CodePen Projects. C’est un nouvel outil qui permet de gérer un projet dans son intégralité directement dans CodePen.
CodePen Projects ? Qu’est ce qu’il apporte de plus ?
Pas mal de choses ! CodePen était jusqu’à aujourd’hui assez limité. Ce nouvel outil marche quasiment comme l’éditeur de code installé sur votre ordinateur. Il est, par exemple, possible d’y ajouter ses propres images (avant il était nécessaire de les stocker ailleurs sur le web) ou encore d’appeler différents fichiers HTML, CSS, JS.
Tout l’intérêt est, comme pour les Pens, de pouvoir collaborer et travailler sur le projet à plusieurs.
On peut, si on le souhaite, créer tout un site et le gérer avec CodePen Projects.
Il est utilisable gratuitement, mais limité à 1 seul projet. Pour en faire plus il faudra passer à la caisse.
Quelques exemples de CodePen Projects :
En savoir plus : codepen.io/pro/projects/