It’s just data

Inline vs. Referenced SVG

Jeff Schiller: I’ve admired Sam Ruby’s desire to use inline SVG for his blog - I think his clip art adds visual appeal to his site. I wish I had Sam’s artistic sensibilities/patience (or that slipping into a scotch-induced trance would help). But artistic ability aside, I have been struggling with inline SVG as a concept since then. I thought I’d outline the advantages and disadvantages to inline SVG as I see them.

Thanks!

FYI: my personal “publish” interface has a select dropdown that lets me chose from my ever growing pallet of icons and incorporates then into the page in a way that allows resizing.

Resizing and syndication are two other advantages.  I’m particularly concerned about syndicating <object> tags from a perspective of safety.

I suspected you had a much nicer interface for this.

Also, thanks for reminding me about the resizing thing - however, wouldn’t this also work if you applied style="width:6.25em; height:6.25em; float:right" to the object element that referenced SVG?  I should do a test one of these days.

Jeff

Posted by Jeff Schiller at

wouldn’t this also work if ...

See here. It was the original treatment of SVG included in the <object> element that inspired the same trick for inline SVG.

Posted by Jacques Distler at

Your unicode-han.svg seems broken...

Firefox says:
XML Parsing Error: not well-formed
Location: [link]
Line Number 1, Column 46:<svg xmlns="http://www.w3.org/2000/svg" right" viewBox="0 250 400 150">
---------------------------------------------^
(Uh, the arrow is pointing to the " at the end of the ‘right"’.)

Posted by Blake Winton at

Your unicode-han.svg seems broken

Fixed.  Thanks!

Posted by Sam Ruby at

Sam Ruby: Inline vs. Referenced SVG

[link]...

Excerpt from del.icio.us/tag/svg at

When I first looked at SVG, I tried to incorporate it into a page via the IMG tag. When that didn’t work I got upset and I haven’t returned  to it since.

I’d quite like to serve up either SVG or a crude server-rendition of it as PNG according to the browser’s Accept headers.

Posted by Jon at

Thanks a lot, Sam.  In an effort to add some pretty SVG to my weblog, I managed to change the times on all the posts to the current time.  :P

More seriously, the SVG in my weblog and yours doesn’t seem to show up in Safari 2.0.4 (419.3) on OSX Intel 10.4.9.

Have you done any testing on that platform?

Thanks,
Blake.

Posted by Blake Winton at

More seriously, the SVG in my weblog and yours doesn’t seem to show up in Safari 2.0.4 (419.3) on OSX Intel 10.4.9.

Works for me on MacOSX 10.4.9(PPC). (Well, OK, I didn’t see any SVG on your blog, but those on Sam’s and mine seem OK.)

Posted by Jacques Distler at

Safari 3.0 Beta (522.11) likes your inline SVG, Sam. :)

Posted by d.w. at

Inline SVG

Sam Ruby puts inline SVG on his blog. SVG is a language for describing scalable vector graphics. Browsers that understand SVG can render the graphics directly rather than downloading a rater-based image with another HTTP GET. Because its tags, you...

Excerpt from Phil Windley's Technometria at

Hi Sam, your SVGs look pretty cool!
Did  you license them ? The ying and yang one particularly looks cool.

Posted by Antoine at

Phil Windley - BYU: Inline SVG

Sam Ruby puts inline SVG on his blog. SVG is a language for describing scalable vector graphics. Browsers that understand SVG can render the graphics directly rather than downloading a rater-based image with another HTTP GET. Because its tags, you...

Excerpt from Planet Identity at

Antoine: you are welcome to use them in any manner you like.  Rip, mix and burn!

Posted by Sam Ruby at

Hi,

Who is right?
[link]

Are the comments ignored or not?

Posted by Hector Torvisque at

Hector, see this.

Posted by Jeff Schiller at

Inline vs. Referenced SVG: Best of Both Worlds?

Sam had a good thought over at Erik’s blog. In the past, I’ve mostly been on the side of referenced SVG for clip art - but he raises a good point. I’ve just stated to use clip art on my blog. I use it for a variety of reasons: to...

Excerpt from Something Witty Goes Here at

Add your comment