CodePen réunit l’écriture de code et son aperçu dans le navigateur. On peut y construire des démonstrations, explorer des idées d’interface et partager un résultat consultable par un lien. Son environnement prend en charge les technologies du front-end et les outils de transformation courants.
Ce que vous pouvez faire
- Écrire du HTML, du CSS et du JavaScript avec un aperçu du résultat.
- Expérimenter avec des langages et traitements comme TypeScript ou Sass.
- Partager un exemple, présenter un effet visuel ou reproduire un problème de code.
Pour quels usages ?
CodePen est utile pour apprendre, tester une interaction isolée et transmettre un exemple compréhensible à un collègue ou à une communauté de développeurs.
Bien démarrer
Réduisez votre démonstration au comportement à montrer. Un exemple court, avec des noms explicites, se comprend et se débogue plus facilement.
Accès et points à vérifier
L’accès et les possibilités de confidentialité, de ressources et de publication varient selon la formule. Vérifiez la visibilité des projets avant d’y placer du code privé.
