CodePen

Découvrir CodePen

CodePen est un éditeur de code en ligne qui permet de partager du code, de créer et de déployer un site web ou encore de réaliser des tests. Cet outil s’adresse aux concepteurs et développeurs front-end. Ils peuvent puiser dans les travaux de plus de 1,8 million d’autres développeurs dans le monde.

La plateforme permet de :

• Écrire et tester du code : CodePen dispose d’un IDE qui vous donne la possibilité de rédiger des lignes de code HTML/CSS/JavaScript. Un volet de visualisation situé en bas de page permet de voir l’avancement de votre projet en temps réel. Vous personnalisez les paramètres comme vous le souhaitez. Vous pouvez tester des fonctionnalités et des animations facilement.
• Partager votre travail : la plateforme vous permet de partager vos lignes de code et vos projets avec d’autres utilisateurs, mais aussi d’accéder aux travaux d’autres développeurs pour trouver l’inspiration.
• Améliorer ses compétences : la plateforme organise des challenges hebdomadaires afin d’approfondir vos compétences et votre créativité.
• Favoriser la collaboration : il est possible de modifier et saisir du code simultanément. Une zone de chat permet de communiquer avec son binôme à distance.

À noter que l’interface de la plateforme est entièrement en anglais.

CodePen dispose d’une version gratuite qui donne accès aux principales fonctionnalités de rédaction et partage de lignes de code. La version payante, à 8 $ par mois, permet d’accéder à des fonctionnalités telles que le mode privé pour vos projets et aux captures d’écran.