CODECAST, een HTML en CSS editor in je browser

Onlangs schreef thenextweb:

"Watching people code could be the next big thing in live streaming video"

En nu kan dat ook dankzij CODECAST:

"The simplest HTML & CSS editor in your browser with instant previews, for those teaching and learning how to code."

Lekker veel Engels allemaal hè? Nou, CODECAST is gewoon gemaakt door een Nederlander, namelijk Karim Amrani (aka @jibly)
Deze week lanceerde hij de tool die hij in twee dagen heeft geschreven. Een paar dagen later hadden al meer dan 10.000 mensen de tool gevonden. Terecht, want het blinkt uit door zijn eenvoud.
Het scherm in je browser wordt gesplitst in tweeën. Aan de linkerkant de HTML code en aan de rechterkant zie je "on the fly" het resultaat verschijnen terwijl je aan het typen bent. Zo kun je dus heel mooi screencasts maken van je coderingswerk, maar het is dus ook goed bruikbaar om HTML en CSS te leren. Karim gaat het nog mogelijk maken dat je ook met Javascript kunt werken, dus het wordt nóg mooier!
Hieronder een screencast waarin ik laat zien hoe CODECAST werkt.

Netjes coderen met behulp van CodePen

Wanneer je (je leerlingen) wilt leren om op een nette manier HTML pagina's te schrijven, dan weet je waarschijnlijk dat je het beste de HTML, CSS en JS code gescheiden kunt houden. Dit maakt het programmeren zuiverder en overzichtelijker.
Vind je het lastig om daarvoor telkens van omgeving en/of editor te wisselen, dan is CodePen absoluut een uitkomst. In één overzichtelijk scherm heb je alle code bij elkaar en zie je gelijk wat er gebeurt als je iets aanpast of verandert.

Is het een plaatje? Nee hoor, gewoon HTML

Het is natuurlijk een leuke uitdaging om te zien of je een poster ook volledig in HTML kunt maken.
Met behulp van Google fonts kan je fonts gebruiken die je niet perse op je computer hoeft te hebben. Lastigste was nog om de bullets van de opsomming ook in het wit te krijgen, maar een beetje CSS doet dan wonderen. Onderstaande kun je dus gewoon als tekst selecteren (en eventueel hergebruiken).

Wat wil je dat docenten doen met ICT?
Foute antwoorden	Goede antwoorden
Een Prezi maken  Beginnen met bloggen  Wordles creëren  Animotos online zetten  Flipcharts ontwerpen  Videos produceren  Bericht op Edmodo plaatsen  Een digibord gebruiken  Apps ontwikkelen	Bewustwording vergroten  Gesprekken beginnen  Antwoorden vinden (op hun vragen)  Samenwerken met anderen  Ideeën uitwisselen  Het verschil maken  Aktie ondernemen  Verandering aansturen
ICT is een middel, geen doel!