PUBLIC MARKS with tags webdev & svg

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.

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Le contenu du portail Orvinfait concernant SVG est divers. Il est composé d'informations sur SVG, d'exemples d'utilisation, d'un logiciel gratuit en ligne permettant de créer des dessins et des animations en SVG et de liens externes.

had to add a little catch in my PHP content negotiation code to force application/xhtml xml when I want to. Anyway, the PHP content negotiation code looks like this:

Some time ago I was looking for a charting framework for Prototype and I couldn’t find it, just because there’s none. So that’s where it all started. I came across PlotKit, a well written piece of javascript that enables developers to use Canvas or SVG elements for rendering bar, line and pie charts. The only thing was that PlotKit needed the Mochikit library to work. So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. It’s released under the BSD license.

This PHP file allows you to embed an SVG document into your HTML web pages with a single PHP function call. This avoids the inconsistencies across various deployment configurations (for example IE ASV only like embed, Firefox/Opera like object. Instructions for use are included in the file.

What I ultimately set out to do was to create a tag, called <scroller> which would let you insert an SVG scrollbar into a web page. This element would let you specify such things as the minimum and maximum values, the current value, and whether the values within the component were discrete (integers) or continuous (floating point). It would also provide an onchange handler that could be applied to the scrollbar in order to read the current slider values.

The following is an example of how to play a WAV file in Adobe's SVG plug-in.

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.