Zen Coding, comment gagner du temps
<div id="container">...<a href="#">...</a><strong>...</strong></div><span>...</span>... etc
Tout développeur de site web s'est déjà forcement arraché les cheveux sur une page HTML constituée d'une suite interminable de balises <XXX>...</XXX> plus ou moins enchevêtrées et en s'efforçant de bien indenter leur code pour ne pas oublier une foutue balise fermante...
Bref, c'est long, chiant et pas très intéressant... mais il faut le faire !
Heureusement, il existe une façon pour un peu moins se prendre la tête (je ne vous parle pas des outils comme Dreamweaver ou autres... que je n'affectionnent pas particulièrement) non !
Je vous parle là simplement d'une autre façon de coder dans votre éditeur préféré : Le Zen Coding !
Ce code par exemple :
<div id="content">
<h1></h1>
<p></p>
</div>
Pourra s'écrire :
div#content>h1+p (un div d'id "content" contenant un h1 et un p)
Il vous suffit simplement d'ajouter l'extention à votre édteur (si elle est dispo... au pire c'est pas trés compliqué à coder) et c'est parti.
Plus d'infos sur ce site.
Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.
Compliez et Partagez vos codes sources, en ligne !
Après le célèbre pastebin.com qui permet de partager un code source rapidement, un nouveau site vient de voir le jour : ideone.com
Ce dernier vous permet comme son compère, de partager votre code, mais aussi (et surtout) de le compiler en ligne !
Les langages supportés sont nombreux : Assembler, Bash, Brainfuck, C, C++, D (dmd), Haskell, Icon, Java, Lua, Nice, Ocaml, Pascal, Perl, PHP, Pike, Python, Ruby, Vala.
Un petit exemple de "brainfuck" 
>++++++++++
[>++++++++>++++++++++>+++++++++++>++++++++++++>++++++++++++>+++>++++++++++>++++++++++>++++++++++>+++++++++++>++++++++++++>+++>+++++++++++>++++++++++>++++++++++>++++++++++++>++++++++++>++++++++++++>+++++++++++>++++++++++++>+++>++++++++++>++++++++++>+++>++++++++++++>++++++++++>++++++++++>+++++++++++>++++++++++++>+++++++++++>++++++++++++>++++++++++>+++++>++++++++++>+++++++++++>+++>+++><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<-]
>+++>--->-->--->---->++>->++++>+>++++>----->++>-->+>->---->+>--->++++>----->++>>+>++>->+>-->+++>--->+>---->+>---->++>++++>++>+++>
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.>.