Zen Coding, per scrivere HTML in maniera ultra-rapida

Questo plugin potrebbe rivoluzionare la vita di molti web developer, accorciando enormemente la fase di codifica HTML. Chiaramente bisogna farci l’abitudine, ma ne vale la pena. Attraverso una riga di codice come questa:

div#page>div.logo+ul#navigation>li*5>a

Si ottiene il seguente risultato:

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

Come si può notare, la sintassi da usare ricalca quella dei CSS e delle espressioni regolari, quindi non c’è molto da imparare. Anche con l’autocompletamento abilitato, bisogna fare vari copia-e-incolla per avere lo stesso risultato, e un buon programmatore quando fa parecchi copia-e-incolla dovrebbe iniziare a chiedersi se esiste qualcosa di automatico per fare la stessa cosa. In questo caso, esiste e si chiama Zen Coding. Vediamolo in azione:

Contenuto non disponibile
Consenti i cookie cliccando su "Accetta" nel banner"

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

Il plugin è disponibile anche per due mostri sacri come Vim ed Emacs: questo per me significa che ci troviamo davanti a qualcosa di parecchio interessante, peccato che non esista il supporto per Geany, il mio editor preferito anche se è nella wishlist (tuttavia è disponibile per Gedit). A proposito, fantastico il modo in cui rispondono gli sviluppatori di Geany a chi chiede caratteristiche strampalate come l’incorporazione di un audio player o di un client IRC. Mi chiedo come faccia certa gente a pretendere poi di avere un editor leggero…

UPDATE: mi sono accorto solo dopo che Simone d’Amico aveva già parlato di Zen Coding: ci tengo a precisarlo perché non voglio fare la figura del copione!

via DownloadSquad attraverso StumbleUpon

3 thoughts on “Zen Coding, per scrivere HTML in maniera ultra-rapida

Leave a Comment

%d blogger hanno fatto clic su Mi Piace per questo:

Utilizzando il sito, accetti l'utilizzo dei cookie da parte nostra. maggiori informazioni

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi