Dear All,

I've been experimenting with using the image-border CSS to produce
elaborate borders for some of my tiddlers.

After I found out how to include images in tidders into the CSS I tried
using an animated SVG. It worked.

I then searched for SVG animation tools. Two look really good

1) http://svgcircus.com/
2) http://snapsvg.io/

SVG Circus produces SVG and an accomanying script, so cut and pasting the
provided code into a Tiddler with SVG/xml type does not work.

Question: how could we get the outputed code from SVG circus to work in TW?

Snap SVG might be of interest to people discussing gamification on the
hangout, you could imagine wrapping TW in a 'machine' like the coffee
machine example (http://snapsvg.io/demos/#coffee) A dial could be used to
indicate what type of new tiddler was created....

SVG animations could be used to animate icons, using SVG animations in
border-image CSS would make it easy to add features. One which I thought
about was animating a border around "recent" when a tidder is closed,
showing where the tiddler "went"

SVG animation I reminds me of Bebot, an synth app on the idpad, where a
robot is animated as you play.  (http://normalware.com/)

The discussion on the hangout about making a childrens learning app made me
think of software my children like. SVG  animations and libraries like
Snap.SVG might offer a way build on TW interface, and radically change the
way TW looks

best wishes

Alex

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

Reply via email to