PUBLIC MARKS from parmentierf with tags svg & xul

Ample SDK is a standard-based cross-browser JavaScript GUI Framework for building Rich Internet Applications. It employs XML technologies (such as XUL, SVG or HTML5) for UI layout, CSS for UI style and JavaScript for application logic. It equalizes browsers and brings technologies support to those missing any.

The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use. Top features: * Built-in stencils for diagraming and prototyping * Multi-page document with background page * On-screen text editing with rich-text supports * PNG rasterizing * Undo/redo supports * Installing user-defined stencils * Standard drawing operations: aligning, z-ordering, scaling, rotating... * Cross-platforms * Adding external objects * And much more... Pencil will always be free as it is released under the GPL version 2 and is available for virtually all platforms that Firefox 3 can run. The first version of Pencil is tested against GNU/Linux 2.6 with GTK , Windows XP and Windows Vista.

Un billet intéressant qui raconte les déboires de l'auteur avec l'élément canvas (extension) pour finalement passer à une solution SVG/XUL pour son calendrier.

Vous avez certainement pu voir la démo de l'horloge codée avec la technologie Canvas. Voici ce même exemple mais codé avec d'autres technologies. Comment fonctionne l'application originale ? Elle utilise une balise nommée <canvas/> qui permet de dessiner en Javascript. Conrètement, il y a un dessin pour le fond de l'horloge, et un dessin pour chaque aiguille. Via un code javascript du <canvas/>, les positions des aiguilles sont mises à jour. Le fait de pouvoir bouger l'horloge sur la page est une mise à jour des coordonnées du <div/> qui embarque l'horloge. C'est une jolie démo qui montre comment utiliser Canvas et ce que l'on peut en faire. René-Luc D'Hont vous propose exactement la même démo mais avec 2 autres technologies, le SVG et XBL. Ces démos ne sont visibles que sous Firefox 1.5.