Lær hvordan du skriver Lightning-Fast Code i 4 minutter Screencast

Vi vet alle fordelene ved å bruke utklipp og bunter for å øke hastigheten på kodingen, men hva om vi kunne ta ting et skritt videre, og slå en kompleks HTML-struktur til noe så enkelt som en CSS-velger? Vel, takket være et nytt prosjekt, kalt Zen-Coding, kan vi gjøre dette veldig!

I denne fire minutters video raske tipset, vil jeg demonstrere hvordan.

Last ned Zen-koding

Andre visningsalternativer

  • iTunes / Nedlastbar versjon (ingen annonser)

Oppdater

Innenfor kommentarene nedenfor gjorde jeg et forslag om at det ville være pent om vi også kunne lime inn i den generiske "lorem" -teksten, slik som:

 div # header> p> lorem

Dette ville generere noe som så:

 

Det er ikke noe problem, men det er ikke noe problem, men det er ikke et øyeblikk, og det er et problem for deg. Ut som et minimum, det er en utfordring å utøve arbeidet med å utvide ut fra dette. Duis aute irure dolor i reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur. Uncepteur sint occaecat cupidatat non proident, sunt i culpa de officia deserunt mollit anim id er laborum.

Dessverre visste jeg ikke hvordan jeg skulle gjøre det. Men heldigvis var forfatteren av Zen-Coding, Sergey, i stand til å hjelpe meg. Jeg registrerte en sekst seksti screencast som viser deg hvordan du tillater dette. Du kan se den her.

Tilleggsressurser

  • Demo Video med nåværende funksjoner
  • Kunsten av Zen-koding
  • En ny måte å skrive HTML-kode på
  • Følg oss på Twitter, eller abonner på Nettuts + RSS-feed for de beste webutviklingsopplæringene på nettet.

Skriv en Plus Tutorial

Visste du at du kan tjene opp til $ 600 for å skrive en PLUS-opplæring og / eller screencast for oss? Vi leter etter dybde og velskrevne opplæringsprogrammer om HTML, CSS, PHP og JavaScript. Hvis du er i stand til å kontakte Jeffrey på [email protected].

Vær oppmerksom på at faktisk kompensasjon vil være avhengig av kvaliteten på den endelige opplæringen og screencast.