Faire un StoryBoard web avec Balsamiq Mockups
Je viens de découvrir aujourd'hui un site très sympa qui propose une appli web permettant de créer vos "story board web".
Cette appli est disponible gratuitement online, ou il existe aussi une version desktop (adobe air) pour 79$.
http://www.balsamiq.com/
Pratiquement tous les types de fenêtres, containers, boutons... sont disponible et utilisables pas un simple drag'n'drop.
Le rendu "façon dessin" est très sympa je trouve (L'exemple ci-dessus à été fait en moins de 1 min)
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.