WebCode : un éditeur vectoriel pour sites web

Nicolas Furno |
WebCode [1.0 / Démo – US – 44,99 € – OS X 10.7 – PixelCut s.r.o.] est un éditeur vectoriel un peu particulier, puisqu'il est destiné aux concepteurs de sites Internet. S'il contient des outils classiques pour un éditeur vectoriel, il n'est pas pensé pour exporter une image, même s'il peut le faire. Son but est de générer du code prêt à l'emploi pour intégrer l'élément dessiné sur un site.

L'idée est de dessiner des formes — un simple bouton ou un dessin complet — avec les outils connus d'un designer et de générer en même temps le code en HTML et CSS, en JavaScript ou encore en SVG. WebCode génère le code en temps réel et permet ainsi de voir immédiatement l'impact des changements effectués. Cet outil intéressera autant les designers qui peuvent grâce à lui envoyer un code plutôt qu'un fichier Illustrator, mais aussi les développeurs qui peuvent importer un fichier envoyé par le designer et le convertir automatiquement. Le logiciel est compatible avec les PSD et les fichiers SVG, mais pas avec les AI en revanche.



Très complet, WebCode gère les couleurs et notamment les dégradés linéaires ou circulaires avec plusieurs couleurs, les ombres portées ou encore des opérations booléennes sur les formes. Le logiciel gère les écrans Retina et peut exporter ses images dans les deux formats, ou intégrer dans le code tout ce qu'il faut pour passer de l'un à l'autre.

Cet outil est conçu par le développeur de PaintCode [1.3.1 / Démo – US – 89,99 € – OS X 10.7 – PixelCut s.r.o.], un outil très proche dans l'interface, mais qui transforme des formes vectorielles en Objective-C pour les utiliser dans des applications iOS ou OS X (lire : PaintCode : l'Interface Builder de Core Graphics). Les deux logiciels sont d'ailleurs tout à fait compatibles, ils utilisent le même format de fichier et on peut ainsi ouvrir un design dans l'un ou dans l'autre, une excellente idée.



WebCode est compatible avec OS X Lion ou mieux, il est vendu exclusivement sur le Mac App Store, mais peut être testé avec la version de démonstration proposée sur le site de l'éditeur. Elle dispose de toutes les fonctions du logiciel et n'est pas limitée dans le temps, mais l'export est désactivé.
avatar GigaTouch | 
S'il est aussi fantastique en pratique que sur sa présentation, il va me faire économiser de précieuses heures ! Reste à savoir si contrairement à nombre de ses "confrères" il génère un code propre...
avatar undmi | 
J'ai juste essayé la démo et le code a l'air propre, voilà un outil qui manquait cruellement. Si vous voulez voir le code généré par l'application vous pouvez télécharger les exemples sur la page "examples" du site. J'hésite à passer à la caisse ...
avatar AirForceTwo | 
Magnifique. Et le résultat passe correctement sous IE7 (hormis tout ce qui est CSS3, comme les border-radius.
avatar Almux | 
Hum! D'après vos commentaires, il semblerait que cela vaille la peine d'y jeter un oeil! ... A suivre, donc...
avatar xavier25 | 
paintcode est juste magique, web code qui a l'air tout aussi bien foutu semble des lors incontournable !
avatar tekikou | 
PaintCode est loin d'être magique, il produit un code absolument immonde lorsqu'il s'agit de réaliser des opérations booléennes.

CONNEXION UTILISATEUR