Questa serie di funzionalità rende l’apprendimento
e l’insegnamento del codice facili e divertenti

Thimble è un editor avanzato di codice che può essere utilizzato direttamente nel browser. È progettato per aiutare i nuovi sviluppatori a realizzare siti e progetti web utilizzando HTML, CSS e JavaScript. Tutto ciò di cui hai bisogno è a portata di mano, in modo che tu, o la tua classe, possiate iniziare a sviluppare progetti in breve tempo.

È un editor di codice, un server web, un browser e un set di strumenti per lo sviluppo raccolti in un’unica applicazione… ed è gratis!

Vedi istantaneamente le modifiche

Velocizza lo sviluppo e la sperimentazione con l’anteprima in tempo reale, che mostra istantaneamente i risultati delle tue modifiche al codice sorgente.

Personalizza un progetto Thimble

Hai notato un progetto che ti piace su Thimble? Personalizzalo per creare la tua versione. Puoi anche condividere il progetto con amici o studenti e invitarli a fare altrettanto.

Frammenti di codice a portata di mano

Lavora più velocemente utilizzando un elenco di frammenti di codice HTML, CSS e JavaScript pronti da inserire nel codice sorgente.

Console JavaScript incorporata

Stai lavorando su JavaScript? La console integrata di Thimble rende il processo di test e debug del codice più semplice che mai.

Aggiungi e gestisci i file

Thimble funziona come un progetto web reale: puoi creare, rinominare, eliminare e perfino caricare nuovi file.

  • Scarica il progetto in un file .zip per visualizzarlo sul disco rigido
  • Trascina e rilascia i file dal computer direttamente nella finestra di Thimble

Scegli il tema che preferisci

Thimble è disponibile in tema scuro o tema chiaro: scegli quello che preferisci. Puoi personalizzare anche altri parametri, come ad esempio la grandezza del testo.

Segui le istruzioni incorporate ai progetti, oppure realizzane di tue

In alcuni progetti troverai istruzioni incorporate che illustrano passo passo le modifiche da apportare. Anche tu puoi realizzare istruzioni per guidare i tuoi allievi nel progetto.

Mostra suggerimenti durante la digitazione del codice

Basta rimanere bloccati perché non si ricordano regole e sintassi. Thimble mostra suggerimenti di completamento automatico per i file HTML, CSS e JavaScript.

Modifica CSS direttamente nelle pagine HTML

Compila gli stili CSS dei vari componenti senza uscire dalla pagina HTML che stai modificando. Posiziona il cursore di testo su ogni tag del componente e premi Cmd/Ctrl+E per compilare il suo stile in CSS.

Pubblica i progetti sul web istantaneamente

Basta un clic per pubblicare i tuoi progetti sul Web e, ogni volta che apporti una modifica, aggiornare il progetto è facile.

Preleva i colori direttamente all'interno dell'editor

Posiziona il cursore di testo sul valore di un colore in un file CSS e premi Cmd/Ctrl+E per aprire il raccoglitore di colori.

Prova il tuo progetto su un dispositivo mobile

Passando alla modalità anteprima dispositivo mobile potrai vedere come appare il tuo progetto su schermi di piccole dimensioni. Attiva l’anteprima a schermo pieno per visualizzare l’immagine ingrandita.

Trova elementi HTML velocemente

Apri DOM Inspector e passa il cursore sopra i diversi elementi dell’anteprima. Thimble evidenzierà il codice corrispondente nell’editor HTML.

Filtri immagine

Vivacizza il progetto decorando le immagini con gli appositi filtri. I gatti non sono mai apparsi così belli prima d’ora!

Fai un autoscatto

Aggiungi la tua foto alle pagine su cui stai lavorando con lo strumento autoscatto di Thimble e la webcam del tuo computer. Digita il tag <img src= sulla pagina HTML e verrà visualizzata una richiesta di conferma.