Impara a scrivere codice velocissimo in 4 minuti Screencast

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.

Scarica Zen-Coding

Altre opzioni di visualizzazione

  • iTunes / Versione scaricabile (senza pubblicità)

Aggiornare

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.

Risorse addizionali

  • Demo video con caratteristiche attuali
  • L'arte della codifica Zen
  • Un nuovo modo di scrivere codice HTML
  • Seguici su Twitter o iscriviti al feed Nettuts + RSS per i migliori tutorial di sviluppo web sul web.

Scrivi un tutorial Plus

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.