Vlog.it, SVG version
To introduce my new experiment, I will begin from my memories like grannies or business managers with black long-sleeved mock turtleneck.
In late 2003/first months of 2004 I was exploring, among the other things, two new aspects of the web world:
(next slide- stock image with people angry with computers and smiling videomakers on fisheye)
- SVG: the Scalable Vector Graphics standard that deceived a lot of people for his potential alternative to Macromedia Flash, but was stopped from the lack of Microsoft native support until the born of Explorer 9. Here’s a simple file i made later for this blog for the first Mozilla native support, or here’s the paper of the tool i worked for as researcher, introduced at SVG Open 2005);
- videoblogs: a lot of expert or wannabe videomakers started to use the web to let their creation available to people as .mov files linked by thumbnails in Blogspot posts, extending the experience to the jungle of icons of your desktop where the files were downloaded.
Now,
(next slide- stock image of a dawn and smiling people playing ring-a-ring-a-roses [or better, rosellas])
thanks to Javascript libraries like SVGWeb or Dmitry Baranovskiy’s Raphaël (that I chose) plus the native support the target of SVG is near to 95%, and in the years i collected hundreds of motion graphics masterpieces or vintage unforgettable footage, so I could created in last few days a circular rotating paper’s collage-like HTML5-powered motion graphics primitive shapes SVG animations-fueled like-and-favourites-from-Vimeo-and-Youtube showcase as the fourth version of :
(next slide- stock image of handshake)
Updates (still some bugs around) in this post or in my Twitter or Facebook profiles.
Hey man, real cool stuff. I really dig the effects and transitions on the page. any insights about the build? what were some of the challenges? what besides the drawing libraries did you use? would you be open to sharing the code? perhaps even a tutorial? (i know its asking much!) :)
Good stuff
Awesome project! I’d love to see the maths behind the wheel or how you got to the dynamic images around the wheel to crop and move into position/animate. I think a lot of people would ;)
Great job!
Hi Casey and Tom, here’s a behind-the-scene/tutorial i wrote about vlog.it on Web Designer Wall:
http://webdesignerwall.com/tutorials/playing-with-svg-design
vlogit is just super cool & inspirational.
thank you praveen
[...] Vlog Vlog is an absolutely awesome experiment on SVG created by Marco Rosella. Vlog is a random HTML5-powered (with SVG animations) rotating collection of his 313 Vimeo Likes and 1011 YouTube Favorites. To know more about the experiment check post on his site centralscrutinizer [...]
Absolutely awesome experiment! I hope you liked it to be showcased on my blog!
http://www.alldesignstuffs.com/2012/inspirational-websites-set-4-containing-fresh-and-latest-sites/
Doesn’t work without Javascript?
I thought it was HTML5+SVG.
Peccato.
By the way, amazing design! :-D