Guymon

SVG als Alternative zu CSS3 Gradients

SVG habe ich noch nie eingesetzt, aber nach diesem Posting von Alex Walker werde ich mir das wohl noch mal ansehen…

While the idea of programmable gradients is great, using them is seriously messy. Even in perfect-​​browser-​​utopia, gradients are consciously limited to rudimentary linear or radial application. You certainly can’t combine them, or make them contour a shape or anything useful like that.
More importantly, support is complicated in most browsers and non-​​existent in some.

Convert SWF Files to HTML5

In den Google Labs bin ich auf Swiffy gestoßen.

Swiffy converts SWF files (the file format for Flash) to HTML5. It allows Flash authors to make their animations available on modern browsers without the need for a plugin.

Swiffy supports many common SWF features such as vector graphics, embedded fonts, images and timeline animation. Basic ActionScript 2.0 code is also supported, but don’t expect to convert your favorite Flash game yet. In general, Swiffy supports most of the features in Flash 5, so exporting your file as a Flash 5 will give the best results. The Swiffy compiler will warn you when unsupported SWF features are encountered.

Mal testen.

Data Map With SVG

Jim Ray erklärt für A List Apart wie sich SVG für die Darstellung von Karten nutzen lässt und gibt auch gleich einige Ressourcen mit.

SVG has held a lot of unrealized promise for over a decade now, with baked in support finally becoming mainstream (even IE9 will include native SVG rendering when it launches later this year). Unlike canvas or other script-only approaches, SVG can be easily divided into design and code elements, with just a little code to add interactivity. It even works on devices like the iPad and iPhone. And now, thanks to svgweb and a clever use of Flash, it works on older platforms no one could have ever imagined supporting SVG.

daily links

• SVG Introduction
  Welcome to the SVG tutorial for people like me. When learning SVG, I found the SVG documents from the W3C to be highly informative but not aimed at someone creating SVG content; critical information for beginners (and for accomplishing most tasks) is scattered all over the place.
• SVG – Learning by Coding
• svgweb
  SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target ~95% of the existing installed web base.
  Once dropped in you get partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting through JavaScript, and more in a small library. Your SVG content can be embedded directly into normal HTML 5 or through the OBJECT tag. If native SVG support is already present in the browser then that is used, though you can override this and have the SVG Web toolkit handle things instead. No downloads or plugins are necessary other than Flash 10 which is used for the actual rendering, so it's very easy to use and incorporate into an existing web site.
• Node Gallery jCarousel | drupal.org
  Node Gallery jCarousel is a module that combines two other powerful modules (Node Gallery and jCarousel) to provide an out-of-the-box solution for paging through a gallery of nodes.

SVG Web JavaScript Library

Ich habe ja beschlossen mich auf SVG/Canvas zu konzentrieren statt mich mit Flash herumzuschlagen, daher heute ein Hinweis auf die JavaScript Bibliothek SVG Web.

SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target ~95% of the existing installed web base.

Once dropped in you get partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting through JavaScript, and more in about a 60K library. Your SVG content can be embedded directly into normal HTML 5 or through the OBJECT tag. If native SVG support is already present in the browser then that is used, though you can override this and have the SVG Web toolkit handle things instead.