Aflați cum să scrieți codul de fulger rapid în 4 minute ecran

Știm cu toții beneficiile folosirii fragmentelor și pachetelor pentru a accelera codarea noastră, dar dacă am putea face lucrurile cu un pas mai departe și transformăm o structură html complexă în ceva la fel de simplu ca un selector CSS? Ei bine, datorită unui nou proiect numit Zen-Coding, putem face acest lucru!

În acest sfat rapid de patru minute, voi demonstra cum.

Descărcați Zen-Coding

Alte opțiuni de vizualizare

  • iTunes / Versiune descărcabilă (nu există anunțuri)

Actualizați

În comentariile de mai jos, am făcut o sugestie că ar fi bine dacă am putea să lipim și în textul generic "lorem", după cum urmează:

 div # header> p> lorem

Acest lucru ar genera ceva de genul:

 

Lorem ipsum dolor este așezat în amonte, în funcție de timpul de aderare, de la locul de muncă temporar la locul de muncă și de la alte persoane. Ut enim ad minim veniam, quis exerciții de muncă ultima lucrătoare aliquip ex a commodo consequat. Duis aute irure dolor în republicarea în voluptate comandă esse cillum dolore eu fugiat nulla pariatur. Cu excepția cazului în care nu există un prozident, sunt în culpa qui officia deserted molit anim id est laborum.

Din păcate, nu știam cum să o fac. Dar, din fericire, autorul lui Zen-Coding, Serghei, ma putut ajuta. Am înregistrat un screencast de șaizeci și două, care vă arată cum să permiteți acest lucru. Puteți să-l urmăriți aici.

Resurse aditionale

  • Video demo cu caracteristici curente
  • Arta codării Zen
  • Un nou mod de a scrie cod HTML
  • Urmați-ne pe Twitter sau abonați la Nettuts + RSS Feed pentru cele mai bune tutoriale de dezvoltare web de pe web.

Scrie un tutorial Plus

Știați că puteți câștiga până la 600 USD pentru a scrie un tutorial PLUS și / sau pentru noi? Căutăm tutoriale detaliate și bine scrise despre HTML, CSS, PHP și JavaScript. Dacă sunteți în măsură, contactați Jeffrey la [email protected].

Rețineți că o compensație reală va depinde de calitatea tutorialului final și a scenariului.

Cod