Share
Cei mai mulți dintre noi sunt familiarizați cu popularul utilitar Zen Coding până acum. Pentru cei care nu sunt, transformă procesul de creare a markup complex într-un selector de tip CSS. Acest lucru vă poate salva o perioadă extraordinară de timp; cu toate acestea, are câteva scurte. Din fericire, un alt instrument, Sparkup, inspirat de Zen Coding, remediază aceste probleme și vă împinge productivitatea chiar mai mare!
Luați în considerare următorul marcaj:
Acesta este un markup destul de comun pe care îl veți crea pentru fiecare site nou. Presupunând că nu aveți deja acest lucru salvat ca un fragment, acesta poate fi recreat cu ușurință în câteva secunde, cu codificare Zen.
#container> nav> ul> li * 4
Accentsconagua
id-uri și clase cu # și . selectoare. > pentru a filtra arborele și a crea elemente pentru copii. * simbol. + simbol pentru a crea frați. Din păcate, există câteva probleme pe care le am cu codificarea Zen.
ul> li * 4 selector, eu nu sunt conștient de o modalitate de a filtra înapoi până la ul, și apoi să creați un element frate. innerHTML la un element. Nu ar fi minunat să scriu, ul> li Unele texte aici? fila între opriri, după ce vă extindeți. Din fericire, un utilitar, inspirat de Zen Coding, rezolvă fiecare dintre problemele enumerate mai sus. Este compatibil în față - adică, toate cunoștințele dvs. de codificare Zen se vor transfera fără probleme.
În momentul acestei scrieri, Sparkup este disponibil pentru TextMate, Vim și pentru utilizare generală, prin linia de comandă. Este destul de banal să instalați. Pentru mai multe informații, consultați ecranul de mai sus.
Cu Sparkup, putem călători înapoi în copac.
ul> li * 3> a < < + #contents
Observați cum folosim < să călătorească copacul înapoi. De la eticheta de ancorare, una < ne va duce la lista de pe listă, iar alta ne va aduce înapoi la lista neordonată, moment în care putem crea un frate cu + simbol. Foarte folositor!
Folosind brațele curl, putem atribui valori, sau innerHTML la elementele create. Această caracteristică a fost foarte necesară.
ul> li> p Textul meu aici
Textul meu aici
Cu Sparkup, putem fila peste opririle necesare, astfel încât să putem introduce atributele / valorile noastre cât mai repede posibil. Cu MacVim, așa cum se arată în ecranul de ecran, puteți utiliza Control + N și Control + P pentru a comuta între opriri.
În acest fel, mai degrabă decât să recurgă la numeroase prese de taste direcționale, o singură comandă vă va duce unde trebuie să fiți. Consultați ecranul pentru un exemplu.
Deci ce crezi? Vrei să faci comutatorul?
