SVG


Wednesday, September 15th, 2010

Cool SVG Puzzle Demo Using JQuery SVG

Category: SVG

Via HRJ (“Overworked mad genius readying to take on the world. I am his neighbor”) comes a cool puzzle piece demo written using SVG and JQuery SVG: HRJ has some nice code. First he calls the Flickr API using JQuery and JSON and makes a JigSaw puzzle piece for each one; in the code below Read the rest…

Posted by Brad Neuberg at 6:00 am
Comment here

+++--
3.9 rating from 7 votes

Sunday, September 12th, 2010

Adobe Announces HTML5/CSS3/SVG Pack for Illustrator

Category: Adobe, CSS, SVG

Exciting news from Adobe; they’ve announced a new HTML5 Pack on Adobe Labs with support for HTML5, CSS3, and SVG: Adobe is pleased to announce the availability of the Adobe® Illustrator® CS5 HTML5 Pack. This add-on for Illustrator CS5 15.0.1 provides initial support for HTML5 and CSS3, extends SVG capability in Illustrator CS5, and helps Read the rest…

Posted by Brad Neuberg at 5:15 am
4 Comments

++++-
4.5 rating from 8 votes

Tuesday, August 31st, 2010

Raphaël 1.5 Released

Category: Announcements, Framework, SVG

Dmitry Baranovskiy and team have released another version of Raphaël, an excellent drawing and animation library backed by SVG (VML on Internet Explorer). New features in Raphaël 1.5 include custom attributes and keyframes. Keyframes can be defined similar to CSS3 Animations: javascript < view plain text > el.animate({     "20%": {cy: 200, easing: ">"}, Read the rest…

Posted by Brad Neuberg at 5:30 am
3 Comments

+++--
3 rating from 7 votes

Monday, August 30th, 2010

New SVG Web Release: Owlephant

Category: SVG

The SVG Web team has announced a new release. SVG Web is a drop in JavaScript library that makes it easy to display SVG graphics on Internet Explorer 6, 7, and 8 using Flash. The new SVG Web release, like all of their releases, is named after especially silly D&D monsters. The new release is Read the rest…

Posted by Brad Neuberg at 6:05 pm
2 Comments

++---
2.8 rating from 4 votes

Friday, May 7th, 2010

Raphael 1.4: Touch and more

Category: SVG

Dmitry Baranovskiy has been hacking away on Raphael. It is almost like he has had a bunch more time for it recently! :) Version 1.4 has a bunch of cool new features such as: Touch events support rgba support new method drag document.onmousemove = f ? Raphael.mousemove(f) resetScale method scaling text will change it position, Read the rest…

Posted by Dion Almaer at 6:20 am
5 Comments

++++-
4 rating from 2 votes

Monday, April 12th, 2010

SVG Web Releases The Fearsome Dracolisk

Category: Announcements, SVG

Over in SVG Web land we’ve pushed out a new release, code named Dracolisk: A Dracolisk is a truly fearsome creature, able to turn an enemy into stone with merely the gaze of the basilisk coupled with the acidic breath of a black dragon, while SVG Web is a JavaScript library which provides SVG support Read the rest…

Posted by Brad Neuberg at 5:30 am
Comment here

++++-
4 rating from 21 votes

Monday, March 29th, 2010

CanVG: Using Canvas to render SVG files

Category: Canvas, SVG

We love to recursively implement one technology on top of another. We have had Canvas support added to IE via VML, Flash, and Silverlight. We have had SVG implemented in Flash. Flash implemented in SVG. The latest experiment is from Gabe Lerner and is CanVG. As you can guess, it renders SVG files via the Read the rest…

Posted by Dion Almaer at 6:23 am
4 Comments

+++--
3.8 rating from 21 votes

Thursday, March 11th, 2010

SVG Wow!

Category: SVG

Erik Dahlström and Vincent Hardy have put together a cool website, called SVG Wow!, that showcases SVG doing things you didn’t expect SVG can do: There are alot of unique demos on there. One of my favorites uses SVG, HTML5 Audio, Web Fonts, and YUI to play music accompanied by flying animated lyrics (Chrome and Read the rest…

Posted by Brad Neuberg at 5:35 am
Comment here

+++--
3.9 rating from 20 votes

Tuesday, February 2nd, 2010

New Version of SVG-Edit

Category: Announcements, SVG

SVG-Edit is a nifty open source editing web app that uses SVG and doesn’t need a server-side: The SVG-Edit team recently announced SVG-Edit 2.4, code named Arbelos. New features include: – Raster Images – Group/Ungroup – Zoom – Layers – Curved Paths – UI Localization – Wireframe Mode – Change Background – Draggable Dialogs – Read the rest…

Posted by Brad Neuberg at 5:30 am
6 Comments

++++-
4.3 rating from 18 votes

Wednesday, January 6th, 2010

Microsoft joins SVG Working Group

Category: Microsoft, SVG

My gut feeling whenever I hear a “we are joining a group” type post from anyone is “thanks for telling us, ping me when you have an implementation”. However, when someone as big as Microsoft blogs about joining the W3C SVG Working Group they are trying to send a signal. Hopefully they will help the Read the rest…

Posted by Dion Almaer at 11:39 am
26 Comments

++++-
4.1 rating from 24 votes

Tuesday, October 13th, 2009

Behold the, um, Beholder!

Category: Library, SVG

Over on my blog I report a new release of SVG Web from the SVG Web team: Yowsers! It’s another release of SVG Web, this time code named Beholder: According to the classic D&D Monster Manual, the Beholder is an “aggressive and avaricious spherical monster that is most frequently found underground.” In other words, you Read the rest…

Posted by Brad Neuberg at 8:00 am
4 Comments

+++--
3.4 rating from 23 votes

Wednesday, October 7th, 2009

View Source Tutorial: Fancy Web Page Using HTML5, CSS, and SVG

Category: HTML, SVG, Tutorial, View Source

I recently ran across a site that made my jaw drop when I realized it’s completely made with HTML5, CSS, and SVG. It’s the site for the GNU Emacs for Mac OS X release: Who ever knew GNU Emacs could look so sexy? When I think of GNU Emacs I generally imagine Richard Stallman‘s beard Read the rest…

Posted by Brad Neuberg at 6:30 am
18 Comments

+++--
3.5 rating from 41 votes

Monday, October 5th, 2009

toDataURL, Canvas, and SVG

Category: Canvas, SVG

I’m a fan of all the new ways of drawing on the web. I consider myself a Canvas evangelist, an SVG evangelist, and an evangelist for the new CSS Animation work going on. When asked “SVG or Canvas” I’ve long felt the right answer is: “Yes” :) Canvas is great at pixels, SVG is great Read the rest…

Posted by Brad Neuberg at 6:30 am
21 Comments

+++--
3.7 rating from 29 votes

Monday, September 21st, 2009

Microsoft and IBM Help Sponsor SVG Open

Category: Conferences, SVG

Exciting news from the SVG world recently: both Microsoft and IBM have announced that they will be gold sponsors of the SVG Open conference this year! They join a roster of sponsors already present, including Google as the conference host. It’s going to be really exciting to have both Microsoft and IBM at the show, Read the rest…

Posted by Brad Neuberg at 4:30 am
9 Comments

+++--
3.6 rating from 19 votes

Thursday, September 10th, 2009

SVG Web: Making SVG work in IE and beyond

Category: SVG

I was excited to work with Brad Neuberg at Google. He is a pragmatic champion of the Open Web; a “do-er”. In the past we have seen his work wrangling the browsers via Really Simple History and Dojo Storage. This time, we get the fierce Owlbear. That is the code name for the latest release Read the rest…

Posted by Dion Almaer at 8:11 am
20 Comments

++++-
4.6 rating from 28 votes

Monday, September 7th, 2009

Raphaël 1.0 RC; Get your graphics on

Category: SVG

There have been a fair number of graphics library abstractions, but Raphaël is very elegant indeed, and a first release candidate for the 1.0 release is now here: The path method syntax has been changed: Instead of r.path({attributes}, pathString) you should write r.path(pathString).attr(attributes). That makes path more consistent with other methods; Path methods moveTo, lineTo, Read the rest…

Posted by Dion Almaer at 6:31 am
11 Comments

++++-
4.9 rating from 59 votes