D’excellentes fonctionnalités rendent l’enseignement
et l’apprentissage de la programmation plus facile et amusant

Thimble est un éditeur de code complet qui fonctionne dans votre navigateur. Il est conçu pour aider les codeurs débutants à créer leurs propres projets web en utilisant HTML, CSS et JavaScript. Tout ce dont vous avez besoin est à portée de main, ce qui vous permet (ou à votre classe) de gagner du temps et d’être prêt rapidement.

Thimble est à la fois un éditeur de code, un serveur web, un navigateur web et un ensemble d’outils de développement. Et il est gratuit !

Visionnez instantanément vos modifications

Créez et expérimentez rapidement avec L’aperçu en direct. Il permet de visionner instantanément les modifications apportées à votre code.

Remixez n’importe quel projet Thimble

Un projet Thimble vous plaît ? Remixez-le pour créer votre propre version. Vous pouvez envoyer votre projet à un ami ou à des étudiants, peut-être seront-ils inspirés à leur tour ?

Extraits de code pratiques

Travaillez plus efficacement en utilisant la liste d’extraits de code HTML, CSS et JavaScript à inclure dans votre code.

Console JavaScript intégrée

Vous écrivez du JavaScript ? La console intégrée à Thimble facilite plus que jamais le test et le débogage de votre code.

Ajoutez et gérez des fichiers

Thimble fonctionne comme un véritable projet web, vous pouvez créer, renommer, supprimer et même envoyer vos propres fichiers.

  • Téléchargez un .zip de votre projet et consultez-le depuis votre disque dur
  • Glissez-déposez des fichiers depuis votre ordinateur vers Thimble

Mettez-vous à l’aise

Thimble dispose d’un thème clair et d’un thème sombre, choisissez celui qui vous convient le mieux. Vous pouvez aussi modifier certaines options comme la taille du texte.

Suivez et créez des tutoriels intégrés

Certains projets peuvent proposer des tutoriels qui vous aident (ou aident vos étudiants) à apprendre tout en modifiant ces projets.

Complétion de code pendant la saisie

Ne perdez pas de temps à essayer de mémoriser un ensemble de règles et de syntaxes. Thimble vous proposera de compléter automatiquement certains morceaux de code HTML, CSS et même JavaScript.

Modifiez directement le CSS dans vos pages HTML

Rédigez des styles CSS pour vos éléments sans avoir à quitter la page HTML que vous éditez. Placez le curseur sur n’importe quel élément et appuyez sur Cmd/Ctrl + E pour commencer à rédiger vos styles CSS.

Publiez rapidement des projets sur le Web

Vous pouvez publier vos projets sur le Web en un seul clic. Lorsque vous effectuez des changements, vous pouvez facilement mettre à jour votre projet.

Choisissez des couleurs depuis l’éditeur

Placez le curseur sur la valeur de n’importe quelle propriété color dans un fichier CSS et appuyez sur Cmd/Ctrl + E pour ouvrir le sélecteur de couleur.

Testez votre projet sur un appareil mobile

Basculez dans le mode aperçu mobile pour afficher votre travail de la même façon que sur un appareil doté d’un petit écran. Cliquez ensuite sur l’aperçu en plein écran pour avoir une vue d’ensemble.

Recherchez rapidement des éléments HTML

Activez l’inspecteur DOM et survolez différents éléments dans l’aperçu. Thimble affichera en surbrillance le code associé dans l’éditeur HTML.

Ajoutez des filtres aux images

Ajoutez un peu de piment à vos projets grâce aux filtres pour les images.

Prenez un selfie

Ajoutez votre frimousse à n’importe quelle page sur laquelle vous travaillez grâce à l’outil de selfie de Thimble qui utilise la webcam de votre ordinateur. Saisissez simplement la balise <img src= dans votre page HTML et vous verrez une invite apparaître.