Maqetta — Editeur HTML5 / Javascript en ligne ou à emporter

Maqetta est un éditeur HTML5 open source lancé par IBM sous l’égide de la fondation Dojo. Cet éditeur existe en deux parfums : une version en ligne en mode Saas et un logiciel de 42,7 Mo à télécharger sur son poste de travail. La version en ligne est déjà très intéressante : l’ajout des contrôles jQuery UI s’effectue par glissé-déposé et l’interface est suffisamment WYSIWYG pour voir les Menus à onglets (Tabs) ou les Menus en accordéons (Accordions) fonctionner pour de vrai. On peut passer à volonté du mode «Design» au code «Source» ou avoir les deux à l’écran, horizontalement ou verticalement.

Maqetta : une interface complète pour cet éditeur HTML5 / Javascript en ligne très prometteur (existe en version de bureau).
Interface de Maqetta en mode Saas. Cliquez pour agrandir l'image.

Maqetta en 5 mn chrono

  • Les balises disponibles en glissé-déposé sont : `div`, `span`, `table`, `a`, `label`, `h1`, `h2`, `h3`, `iframe`, `img`. On est loin de la richesse sémantique de HTML5 🙁
  • Les fichiers s’ajoutent les uns à côté des autres dans des onglets 🙂
  • Maquetta permet de gérer toute l’aborescence de votre projet web. Un projet de test est mis à votre disposition pour découvrir les possibilité de l’éditeur qui propose par ailleurs un tutoriel (en anglais) 🙂
  • Un module HTML Rich Text permet de saisir du texte formaté, une sorte de WYSIWYG dans le WYSIWYG qui peut s’avérer très pratique pour saisir rapidement du texte à l’intérieur des balises `div` ou `p`, etc. 🙂
  • Outre jQuery, Maqetta inclut les bibliothèques Dojo et YUI. 🙂
  • L’interface propose de nombreuses palettes : Widgets, Fichiers, Propriétés, Etats, Outline. 🙂
  • Interface parfois un peu longue à la détente et semble mettre le CPU sur les rotules 🙁

Mes deux cents

Je garde l’installation de la version bureau pour plus tard. Cette version de Maqetta en ligne est déjà pas mal du tout et mérite qu’on y ouvre un compte. N’hésitez pas à me dire ce que vous en pensez et à partager les découvertes que vous avez faites !