Conosciamo tutti i vantaggi dell'utilizzo di snippet e bundle per accelerare la codifica, ma se potessimo fare un passo in più e trasformare una struttura html complessa in qualcosa di semplice come un selettore CSS? Bene, grazie a un nuovo progetto, chiamato Zen-Coding, possiamo fare proprio questo!
In questo video di quattro minuti, ti mostrerò come.
All'interno dei commenti sottostanti, ho suggerito che sarebbe stato bello se potessimo anche incollare il testo "lorem" generico, in questo modo:
div # header> p> lorem
Questo genererebbe qualcosa del genere:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sfortunatamente, non sapevo come farlo. Ma fortunatamente, l'autore di Zen-Coding, Sergey, è stato in grado di aiutarmi. Ho registrato uno screencast di sessanta secondi che mostra come accettarlo. Puoi vederlo qui.
Sapevi che puoi guadagnare fino a $ 600 per scrivere un tutorial PLUS e / o screencast per noi? Stiamo cercando tutorial dettagliati e ben scritti su HTML, CSS, PHP e JavaScript. Se sei dell'abilità, contatta Jeffrey a [email protected].
Si prega di notare che il risarcimento effettivo dipenderà dalla qualità del tutorial finale e screencast.