SVG


Monday, August 24th, 2009

SVG Open 2009: SVG Coming of Age

Category: Announcements, SVG

The final registration for the SVG Open 2009 conference is coming up the end of this month! Scalable Vector Graphics, or SVG, is an open, browser-based standard that makes it easy to create interactive web graphics. SVG is great as it’s part of the HTML 5 family of technologies while being search engine friendly; easy Read the rest…

Posted by Brad Neuberg at 6:30 am
6 Comments

+++--
3.3 rating from 27 votes

Monday, April 27th, 2009

Google and Mozilla 3D Round-up

Category: 3D, Canvas, SVG

About a month ago, we covered an announcement about Mozilla’s plans to basically put OpenGL ES in the browser and call it Canvas 3D and to do so working with a new working group over at the OpenGL standards body, Khronos. This week, we covered Google’s own 3D announcement, a plug-in offering a high-level scene Read the rest…

Posted by Ben Galbraith at 7:00 am
14 Comments

+++--
3.7 rating from 35 votes

Friday, April 24th, 2009

Blackberry Storm using Raphael (SVG/VML) and SoundManager

Category: JavaScript, jQuery, Showcase, SVG

Brad Neuberg pointed me to a Blackberry Storm site that uses Raphael, jQuery, and SoundManager to offer an SVG / VML (for IE) experience. < View plain text > HTML <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/jquery-ui.min.js"></script> <script src="/js/soundmanager2-nodebug-jsmin.js"></script> <script src="/js/raphael-min.js"></script> <script src="/js/trig-min.js"></script>

Posted by Dion Almaer at 6:48 am
2 Comments

+++--
3 rating from 30 votes

Friday, April 17th, 2009

SVG Open 2009: “SVG coming of age”

Category: Announcements, Conferences, SVG

Cool things are finally happening with SVG these days. It’s showing up natively in browsers (including Firefox, Safari, Opera, Chrome and more). It’s natively supported on the iPhone, and work is happening in various open source communities to create options for Internet Explorer. Google uses it under the covers in Google Maps (to create vector Read the rest…

Posted by Brad Neuberg at 5:00 am
11 Comments

++++-
4.7 rating from 20 votes

Tuesday, March 24th, 2009

Apple’s CSS and SVG work starts to make it to W3C

Category: Apple, CSS, Standards, SVG, W3C

On Friday, the SVG and CSS working groups of the W3C published the first working drafts of Apple’s proposed graphics and styling extensions: The CSS and SVG Working Groups delivered today five new specifications for public review, aimed at enabling more compelling content creation with open Web technologies. The five drafts are: SVG Transforms 1.0, Read the rest…

Posted by Dion Almaer at 12:04 am
3 Comments

++++-
4.5 rating from 26 votes

Tuesday, February 24th, 2009

Cufón – custom font embedding with Canvas/VML

Category: SVG

Probably the most requested CSS feature of designers is being able to use custom fonts on web sites. Right now the only real way of doing that cross-browser is relying on Flash, either by building the whole page in it or by using the “Scalable Inman Flash Replacement” or short SIFR script. This does the Read the rest…

Posted by Chris Heilmann at 8:53 am
9 Comments

+++--
3.8 rating from 33 votes

Washington Post Using SVG and VML

Category: SVG

I was reading a Washington Post article when I saw a cool diagram at the bottom of the page: I did the standard ‘right-click’ test to see if it was Flash, and was surprised to find it wasn’t. Digging deeper, I found that they are using SVG on the page to render an interactive graph Read the rest…

Posted by Brad Neuberg at 6:30 am
3 Comments

+++--
3.5 rating from 29 votes

Monday, February 16th, 2009

Typism: Build your own fonts

Category: Showcase, SVG

Juraj Sukop has created a fun project called Typism that lets you build fonts on the Web: typism is a web-based font editor. It is a public site where anyone can create a font for others to use and to study, to modify and to copy. You write the description of a typeface, design the Read the rest…

Posted by Dion Almaer at 2:48 am
1 Comment

+++--
3.3 rating from 27 votes

Monday, January 5th, 2009

Who needs Flash? Having fun with Canvas and SVG

Category: Canvas, SVG

Over in SproutCore land, they have been talking about Peter Bergstrom and his amazing work with Canvas and SVG: Peter Bergstrom has been doing some amazing work with SVG and canvas tags in his SproutCore-based these project called PaperCube.  PaperCube visualizes citations their relationships between authors.  Watching the videos of his project, you’d swear he Read the rest…

Posted by Dion Almaer at 8:45 am
3 Comments

+++--
3.7 rating from 31 votes

Friday, November 14th, 2008

New SVG Editor… written in Flash

Category: SVG, Utility

There is something ironic about an SVG editor written in Flash, but this preview by Tiago Cardoso, written using the inEvo SVG engine is fun to check out. It uses SVG natively and has some cool features like gesture recognition and shape recognition.

Posted by Dion Almaer at 7:00 am
3 Comments

+++--
3.9 rating from 18 votes

Friday, October 24th, 2008

Round the Web: Vector Graphics

Category: .NET, Canvas, SVG

Here’s a quick round-the-web series of updates on happenings with SVG, Canvas, and open web graphics libraries. First is a cool demo using SVG called Blobular: I got the demo working in Firefox 3, though there were some glitches in Safari 3. As a cool aside, when I was uploading the screencast above YouTube transparently Read the rest…

Posted by Brad Neuberg at 7:00 am
1 Comment

++++-
4.1 rating from 26 votes

Thursday, September 18th, 2008

SVG working on the iPhone

Category: iPhone, Mobile, SVG

Dylan Schiemann wrote about how disappointing it was that the iPhone didn’t support SVG: Safari on the iPhone does not currently have support for SVG. Safari 3 beta on Mac and Windows is currently the best browser on the planet for SVG performance, so this is a somewhat disappointing omission. We are hopeful that by Read the rest…

Posted by Dion Almaer at 6:41 am
9 Comments

+++--
3.2 rating from 11 votes

SVG Effects on HTML

Category: Firefox, SVG

Sticking with SVG news…. Robert O’Callahan of Mozilla has shown SVG effects for HTML: A while back, I announced work on applying SVG effects to HTML content. The idea is to make the SVG ‘clip-path‘, ‘mask‘ and ‘filter‘ CSS properties apply to non-SVG elements as well as SVG elements. This work landed on trunk last Read the rest…

Posted by Dion Almaer at 4:47 am
Comment here

+++--
3.3 rating from 17 votes

Tuesday, September 9th, 2008

Custom fonts thanks to rendering SVG font definitions

Category: Dojo, SVG

Tom Trenka has a fantastic post on custom fonts with dojo.gfx that shows the SVG font definition implementation. Part one of the article deals with painful, practical issues around the licensing of fonts. Tom discusses the various technical options out there, and then gets to the solution: In general, the issues surrounding font usage have Read the rest…

Posted by Dion Almaer at 8:31 am
2 Comments

+++--
3.8 rating from 32 votes

Thursday, August 28th, 2008

Inkscape: Open Source Drawing for SVG

Category: SVG

I recently ran across Inkscape, an open source very high-quality graphics editor that can output SVG that I’m blown away by. Even better, it runs on Linux, Windows, and Mac OS X. From the Inkscape website: [Inkscape is] an Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the Read the rest…

Posted by Brad Neuberg at 5:45 am
7 Comments

++++-
4.5 rating from 25 votes

The State of SVG Browser Support + Using Flash for SVG in Internet Explorer

Category: Canvas, SVG

As part of the Open Web Advocacy work I’ve started with Dion and others at Google, one of my goals right now is to help increase awareness and support around doing 2-D/vector graphics on the open web. This includes tools such as the Canvas tag, SVG (Scalable Vector Graphics, an XML markup language for vector Read the rest…

Posted by Brad Neuberg at 5:45 am
10 Comments

++++-
4.2 rating from 15 votes