Lär dig hur du skriver Lightning-Fast Code i 4 minuter Screencast

Vi vet alla fördelarna med att använda snippets och buntar för att påskynda vår kodning, men vad händer om vi kan ta saker ett steg längre och förvandla en komplex HTML-struktur till något så enkelt som en CSS-väljare? Tja, tack vare ett nytt projekt, kallat Zen-Coding, kan vi göra så mycket!

I den här fyra minuters snabba spetsen visar jag hur.

Ladda ner Zen-kodning

Andra visningsalternativ

  • iTunes / nedladdningsbar version (inga annonser)

Uppdatering

Inom kommentarerna nedan gjorde jag ett förslag om att det skulle vara snyggt om vi också kunde klistra in i den generiska "lorem" -texten, så här:

 div # header> p> lorem

Detta skulle generera något som så:

 

Lorem ipsum dolor sitta amet, konsekventa adipisicing elit, sed gör det ojämnaste tillfället för tillfället att arbeta med en dolore magna aliqua. Utan minsta möjliga vänskap, det är inte nödvändigt att utöva arbetskraftsarbeten och utifrån det som följer. Duis aute irure dolor i reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt i culpa de officia deserunt mollit anim id er laborum.

Tyvärr visste jag inte hur jag skulle göra det. Men lyckligtvis var författaren till Zen-kodning, Sergey, kunna hjälpa mig. Jag spelade in en sextio sekunder skärmdump som visar dig hur man tillåter detta. Du kan titta på det här.

Ytterligare resurser

  • Demovideo med aktuella funktioner
  • Kunsten av Zen kodning
  • Ett nytt sätt att skriva HTML-kod
  • Följ oss på Twitter, eller prenumerera på Nettuts + RSS-flödet för de bästa webbutvecklingsstudierna på webben.

Skriv en Plus-handledning

Visste du att du kan tjäna upp till $ 600 för att skriva en PLUS-handledning och / eller screencast för oss? Vi letar efter djupgående och välskrivna handledning på HTML, CSS, PHP och JavaScript. Om du har förmåga, kontakta Jeffrey på [email protected].

Observera att den faktiska ersättningen kommer att vara beroende av kvaliteten på den slutliga handledningen och screencast.