Vidéo: [ HTML / CSS / JS ] Intégrer du code existant (sur codepen.io par exemple) dans un site WEBDEV 2025
La plupart des IDE utilisés pour créer des fichiers HTML, CSS3 et JavaScript n'ont pas d'interface de concepteur, vous pouvez voir immédiatement les résultats de tout code que vous créez. Au lieu de cela, vous devez charger la page pour déterminer si les modifications de codage que vous effectuez créent réellement l'effet souhaité. CSSDesk permet d'écrire du code et de voir immédiatement l'effet qu'il a sur la sortie.
Le volet de droite affiche la sortie au fur et à mesure. La configuration par défaut affiche un exemple Hello World simple dans un élément, mais l'éditeur fonctionne correctement avec tout code HTML que vous fournissez. Le code HTML apparaît dans le volet supérieur gauche, tandis que le code CSS apparaît dans le volet inférieur gauche.
L'objectif principal de cet éditeur est de créer l'interface utilisateur pour votre application. Cependant, vous pouvez modifier le volet HTML à inclure et les éléments. Les styles que vous créez dans la section apparaîtront dans la sortie, comme si vous les aviez créés dans un document standard.
Certaines fonctionnalités de script fonctionneront, mais pas d'autres fonctionnalités. Les scripts en ligne fonctionneront généralement comme prévu, mais ne vous attendez pas à ce que quelque chose, même modérément complexe, fonctionne comme prévu. Par exemple, créer un bouton comme ceci:
produit la sortie attendue, mais l'appel d'une fonction externe peut ne pas l'être. En résumé, la prise en charge de JavaScript est limitée, de sorte que vous ne pouvez pas toujours voir le résultat attendu lorsque vous travaillez avec des bibliothèques externes telles que jQuery.
