Häftiga funktioner gör lärande
och undervisning av kodning enkelt och kul

Thimble är en komplett kodredigerare som körs direkt i webbläsaren. Den är utformad för att hjälpa nya kodare att skapa egna webbplatser och webbaserade projekt med hjälp av HTML, CSS och JavaScript. Allt du behöver finns till hands, så att du (eller ditt klassrum) kan komma igång så fort som möjligt.

Den är en kodredigerare, webbserver, webbläsare och utvecklarverktyg allt i ett —och den är gratis!

Se direkt dina ändringar

Skapa och experimentera snabbare med förhandsgranska i realtid. Den visar ändringarna av din kod direkt.

Remixa alla Thimble-projekt

Gillar du ett Thimble-projekt som du ser? Remixa det för att skapa din egen version. Du kan också skicka ditt projekt till vänner eller elever—vad kan de komma med?

Händiga kodstycken

Arbeta snabbare genom att använda en praktisk lista av HTML, CSS och JavaScript-kodstycken som du kan inkludera i din kod.

Inbyggd JavaScript-konsol

Jobbar du med JavaScript? Thimbles inbyggda konsol gör det enklare än någonsin att testa och felsöka din kod.

Lägga till och hantera filer

Thimble fungerar som ett riktigt webbprojekt, du kan skapa, byta namn, ta bort och även ladda upp dina egna filer.

  • Ladda ner en .zip av ditt projekt och visa den från din hårddisk
  • Dra och släpp filer från din dator till Thimble

Tänd och släck belysningen

Thimble kommer med ett mörkt och ljust tema, så välj vad som är bäst för dig. Du kan också ändra andra alternativ som storleken på texten.

Följ och skapa inbäddad handledning

Projekt kan ha handledning som hjälper dig (eller dina elever) lära sig eftersom de gör ändringar i projekten.

Få kodtips medan du skriver

Fastna inte med att försöka komma ihåg en massa regler och syntax. Thimble ger dig tips i HTML, CSS och även JavaScript-filer.

Redigera CSS direkt i dina HTML-sidor

Skriv CSS-stilar för dina element utan att växla bort från HTML-sidan som du redigerar. Placera textmarkören på någon elementtagg och tryck på Cmd/Ctrl + E för att börja skriva CSS-stilar.

Publicera projekt på webben snabbt

Du kan publicera dina projekt på webben med bara ett enda klick. Senare, när du gör ändringar kan du enkelt uppdatera ditt projekt.

Välj färger direkt i editorn

Placera textmarkören på något färgvärde i en CSS-fil och tryck på Cmd/Ctrl + E för att öppna färgväljaren.

Testa ditt projekt på en mobil enhet

Om du växlar till mobil förhandsgranskningsläge kan du se ditt arbete på en smal enhet. Sedan, slå på förhandsgranskningen för hela skärmen för att få den stora bilden.

Hitta HTML-element snabbt

Slå på DOM Inspector och sväva över olika element i förhandsgranskningen. Thimble kommer att markera relaterad kod i HTML-editoren.

Bildfilter

Lägg till filter på dina bilder för att göra ditt projekt roligare. Katter har aldrig sett så bra ut innan!

Ta en Selfie

Lägg till ditt ansikte på vilken sida som helst som du arbetar med genom att använda Thimbles selfie-verktyg. Den använder din dators webbkamera. Börja med att skriva <img src= tagg till din HTML-sida och du kommer se en uppmaning.