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.
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.
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.