A List Apart - Using SVG For Flexible, Scalable, and Fun...

Other sites and resources for Inkscape users.
User avatar
microUgly
Site Admin
Posts: 2985
Joined: Sat Jun 02, 2007 3:13 pm
Contact:

A List Apart - Using SVG For Flexible, Scalable, and Fun...

Postby microUgly » Wed Jan 27, 2010 10:59 am

A List Apart has posted a couple of articles on using SVG in web design:

Using SVG For Flexible, Scalable, and Fun Backgrounds, Part I
Several people use SVG for site design—mostly for topic icons. For instance, Sam Ruby, current HTML5 Working Group co-chair, uses SVG to annotate his weblog posts with topic icons. Erik Dahlstrom, from Opera, does the same, as does Jeff Schiller at Codedread. Jeff goes beyond icons, and incorporates SVG into his fisheye menu bar, as well as his website outliner graphic. The Emacs for Mac OS X web site is mostly SVG; resize the web page to see SVG scaling in action.

Using SVG For Flexible, Scalable, and Fun Backgrounds, Part II
Currently, using the object element is the only native approach that works with HTML. As support for HTML5 increases, more browsers will support SVG embedded directly into HTML. Another advantage with this approach is that you can use existing SVG files and don’t have to touch the XML.


The author gives a plug to Inkscape in how to create an SVG and provides an example on how to convert a bitmap to an SVG.

Return to “Inkscape Resources”