Geweldige functies maken het leren
en onderwijzen van code schrijven eenvoudig en leuk

Thimble is een code-editor vol functies die rechtstreeks in de browser werkt. Het is ontworpen om nieuwe codeschrijvers hun eigen websites en webgebaseerde projecten te helpen maken met behulp van HTML, CSS en JavaScript. Alles wat u nodig hebt, bevindt zich binnen handbereik, waardoor u (of uw klaslokaal) zo snel mogelijk van start kunt.

Al met al bevat het een code-editor, webserver, webbrowser en ontwikkelaarshulpmiddelen – en het is gratis!

Bekijk direct uw wijzigingen

Maak en experimenteer sneller met het Livevoorbeeld. Dit toont direct de wijzigingen in uw code.

Bouw bestaande Thimble-projecten om

Bevalt een bepaald Thimble-project u? Pas het aan om uw eigen versie te maken. U kunt uw project ook naar vrienden of studenten sturen – wat kunnen zij ervan maken?

Handige codefragmenten

Werk sneller door gebruik te maken van een handige lijst met codefragmenten in HTML, CSS en JavaScript, die u in uw code kunt opnemen.

Ingebouwde JavaScript-console

Werkt u aan wat JavaScript? Met de in Thimble ingebouwde console kunt u gemakkelijker dan ooit uw code testen en fouten opsporen.

Voeg bestanden toe en beheer ze

Thimble werkt als een echt webproject; u kunt uw eigen bestanden maken, hernoemen, verwijderen en zelfs uploaden.

  • Download een .zip van uw project en bekijk dit vanaf uw harde schijf
  • Sleep bestanden van uw computer naar Thimble

Doe het licht aan en uit

Thimble is beschikbaar met een donker en een licht thema, dus kies wat u het beste bevalt. U kunt ook andere opties wijzigen, zoals de tekstgrootte.

Volg en maak ingebouwde handleidingen

Projecten kunnen handleidingen hebben die u (of uw leerlingen) helpen bij het leren terwijl u wijzigingen aan projecten aanbrengt.

Bekijk codehints tijdens het typen

Loop niet vast terwijl u allerlei regels en opmaak probeert te onthouden. Thimble geeft u hints bij HTML-, CSS- en zelfs JavaScript-bestanden.

Bewerk CSS direct in uw HTML-pagina’s

Schrijf CSS-stijlen voor uw elementen zonder de HTML-pagina die u bewerkt te verlaten. Plaats de tekstcursor op een elementtag en druk Cmd/Ctrl+E om CSS-stijlen te schrijven.

Publiceer snel projecten naar het web

U kunt uw projecten met één klik naar het web publiceren. Later kunt u, als u wijzigingen aanbrengt, uw project eenvoudig bijwerken.

Kies kleuren direct in de editor

Plaats de tekstcursor op een kleurwaarde in een CSS-bestand en druk Cmd/Ctrl+E om de kleurenkiezer te openen.

Test uw project op een mobiel apparaat

Door naar de mobiele voorbeeldmodus te wisselen, kunt u uw werk op een smal apparaat bekijken. Schakel vervolgens het volledigschermvoorbeeld in om het grotere geheel te zien.

Vind snel HTML-elementen

Schakel de DOM Inspector in en plaats uw muisaanwijzer boven verschillende elementen in het voorbeeld. Thimble accentueert de gerelateerde code in de HTML-editor.

Afbeeldingsfilters

Voeg wat grappigs toe aan uw project door filters aan uw afbeeldingen toe te voegen. Katten hebben er nog nooit zo goed uitgezien!

Maak een selfie

Voeg uw portretfoto toe aan pagina’s waaraan u werkt met het selfiehulpmiddel van Thimble – het gebruikt de webcam van uw computer. Begin gewoon de tag <img src= in uw HTML-pagina te typen, en er verschijnt een prompt.