[Beta] Typeroom : éditer vos pages web en ligne et en live

Dans la série des services proposant d’éditer n’importe quel site internet en quelques clics et directement en ligne, je vous présente Typeroom. L’outil est pour le moment en beta ouverte pour ce qui concerne sa version « Lite« , une version « Pro » devrait arriver par la suite.

La démarche est simple puisqu’il vous suffit d’entrer l’url de la page web sur laquelle vous aimeriez faire des modifications. Cela peut donc être une page de vos propres sites ou blogs mais cela également n’importe quelle page Internet. C’est l’occasion de faire des tests sur les pages de vos sites préférés histoire de voir ce que ça donnerait en changeant quelques petites choses.

En effet, Typeroom va reprendre entièrement l’url indiquée et vous préparer la page afin de pouvoir travailler dessus. Et cela ne s’arrête pas là puisqu’une fois la page affichée, vous allez pouvoir naviguer dans l’ensemble du site initial.

Bon l’import dure quand même un petit moment ( presque 1 minute lors de mon test ) mais le résultat est impeccable, on se croirait presque sur le site d’origine s’il n’y avait pas un gros bandeau noir en haut ;)

Justement c’est dans ce bandeau que tout se passe, principalement grâce au bouton « Edit this page« . Une fois cliqué il va vous permettre de sélectionner diverses zones de la page. Cela peux aller d’un simple lien, au header, une image, un paragraphe, … en passant par une liste dans la sidebar, le nuage de tags, etc

Lorsque vous avez sélectionné la section à modifier, un petit éditeur WYSWYG s’ouvre grâce auquel vous pourrez changer le texte, mettre des effets (gras, italique, balises Hx,…), créer des liste, faire des liens, ajouter une image, un fichier ou du code HTML, … C’est assez complet puisqu’il vous sera même possible de préciser des ID et des titles pour chacune de vos sélections.

Chaque changement effectué est visible en temps réel, ce qui est très appréciable pour voir si l’effet voulu s’applique bien, ça évite pas mal d’aller-retour.

Une fois que vous aurez terminé toutes vos modifications vous aurez 3 possibilités pour publier la page :

1. soit uploader directement le nouveau fichier via FTP. Typeroom fait alors un backup de l’original et publie la nouvelle version ( demande d’avoir un compte gratuit sur le service )
2. soit envoyer un email à vos amis avec la nouvelle création
3. soit télécharger directement la page ( dans ce cas il s’agit de la partie html uniquement, donc sans application de CSS).

Un petit peu dommage que pour pouvoir faire de l’ajout direct sur son serveur il faille un abonnement payant ( 12$/mois mais gratuit durant le temps de la beta ouverte ), je pense qu’il aurait été préférable de laisser l’option gratuite mais de la limiter en taille d’upload par exemple. Et proposer des packs pour ceux qui en auraient plus besoin. Un autre petit regret est que ce soit limité à un domaine précis ( à première vue a création d’un compte est liée à un seul domaine ).

Conclusion :

Vu comme ça, l’outil peux sembler un peu « gadget ». On fait des modifs sur un site pour se marrer un bon coup ou pour essayer un petit truc en live et puis basta. Oui, mais il y a bien d’autres possibilités. Prenons l’exemple d’un projet dans une boite dont l’un des membres aimerait montrer ce que donnera le site avec tel module ou avec telle zone texte. Sauf que pas de pot pour lui il n’est pas dans l’équipe qui s’occupe du site … et bien sans avoir accès aux fichiers directement il va pouvoir fournir un exemple concret de ce que cela donnerait avec son idée.

Un peu pareil pour tout projet collaboratif en fait. Ca permet d’éviter de devoir filer les accès à tout le monde.

Un autre intérêt de Typeroom est la facilité d’accès pour des personnes ne sachant pas coder directement. Ici il suffit de configurer correctement les accès au FTP et quelqu’un de totalement novice pourra effectuer des changements assez poussés de manière très simple, juste en maitrisant un peu les boutons d’un éditeur de texte. Il n’y a rien à télécharger, pas de programmes à lancer, que dalle !

Si vous voulez voir en direct comment ça se passe, je vous conseille le petit screencast proposé par les développeurs de l’application :

Tags beta,   direct,   éditeur,   page web,   typeroom Partager