Zen-koding, bli en effektiv kode-ape

Her for en stund siden så kom jeg over noe jeg først avfeide med nok et prosjekt som trolig bare fikk et blaff men som aldri kom til å bli noe særlig av, men på fredag etter jobb så kom tankene tilbake til dette prosjektet og jeg tenkte jeg skulle se hvordan det lå an nå; imponerende er ett ord som da kommer snikende.

Om du er som meg, en kode-ape så vet du allerede at det finnes knapt noe som er så kjedelig som å gjøre det samme, om og om igjen, og ikke minst – det samme som du da trolig allerede har gjort utallige ganger før. Det er her Zen-koding kan hjelpe deg. Her kan man ved å forstå CSS-selector syntaksen utvikle seg selv til å bli langt mer effektiv når det kommer til oppbygning av HTML. Både små seksjoner av HTML så vel som hele sider kan man effektivisere ved å forstå og klare det som er blitt døpt Zen-koding.

Kort fortalt kan du med enkle syntakser bygge opp hele menystrukturer, du kan ved effektiv TAB-bruk flytte deg korrekt mellom de deler av koden du faktisk er interessert i å endre, ved å benytte syntaksen på en god måte kan du raskt og smertefritt gi de unike identifikatorer både ved å hente ut tellerverdier så vel som å benytte seg av løkker som da enkelt genererer de HTML kodene du trenger – og mye, mye mer.

Dette fungerer ved at du laster ned utvidelser til (allerede) en rekke forskjellige programmer. Blant annet så er det full støtte for Visual Studio og Notepad++ til de av dere som også er Windows junkier. Men det finnes en rekke andre editorer, både for Windows, Mac OSX så vel som multi-plattform. Besøk nettsidene til Zen-koding for en komplett oversikt.

Ta en titt på videoen under og bli frelst du og!