Web development

SVG-Edit 2.4 released

Apologies for the lack of blog updates, hopefully this big one will make up for the lack of news.

Today, SVG-Edit 2.4 was released. It’s a free web-based vector graphics editor that uses only open web technologies to operate, making it work on all modern web browsers. The 2.4 version (code named Arbelos) introduces powerful new tools including the ability to zoom, make curved paths, and organize shapes using groups and layers, as well as many other smaller features.

Since the editor runs directly from the browser, you can give it a whirl right now just by visiting the demo page. If you’d like to learn more about it first, feel free to watch Jeff Schiller‘s excellent intro video (v 2.2), as well as the first and second parts of the new features in 2.4.

As a project that uses HTML, CSS, SVG, JavaScript and the jQuery library, it’s been the perfect project for me to contribute to. I’ve learned a lot of new things about these technologies, and got my first experience in working with others on a true open source project. I’m very grateful to Jeff for inviting me to help out on the project, and for recently allowing me to be one of the project owners of SVG-Edit. I’d also like to thank our lead tester wormsxulla both for filing so many issues, as well as for attracting translators willing to help translate SVG-Edit into eight different languages.

I hope SVG-Edit provides people with a fast and easy to use tool to create their SVG images without requiring an installation process. Please let me or anyone else from the project know if you find any bugs, have any suggestions or would like to contribute. Thanks!

Web development

Why IE9 will support SVG

UPDATE: More reasons added thanks to promising news

After putting some thought it in, I believe there’s a very good chance that IE9 will include native SVG support. Here’s my reasoning:

  1. The EU’s pressure on MS to support more standards in IE.
  2. There’s few other really stable specifications left unsupported in IE8.
  3. SVG Web library should increase SVG usage on web, more usage means more reason for MS to support it.
  4. With SVG Web around, any potential competition with Silverlight should be a non-issue.
  5. [September 19] Microsoft becomes a sponsor of SVG Open 2009. Several IE members are seen attending panels.
  6. [November 12] Microsoft sends their first email to the public SVG working group mailing list

What do you think?

Web development

SVG Update

SVG logo
I’m a big fan of SVG, and have in the past worked on several projects involving the format. I haven’t really done anything with it recently though, but there’s been important developments recently that I feel really deserve mentioning.


SVG Web – Is a brand new work-in-progress but highly advanced JavaScript library that provides support for SVG in Internet Explorer (using Flash).

This is especially nice because getting SVG to show in IE before required users to either install the (no longer supported) Adobe plug-in, or to render it as another graphic file. No more! Since so many people already have Flash, it’s a great way to bring SVG to the masses.

The other advantage to this is that more SVG on the web will encourage Microsoft to support it natively in IE9, since one of their arguments for not supporting it has been that it’s not prevalent enough. Native support may also mean SVG-in-CSS support, which is something else I’m a big fan of and which can unfortunately not be emulated using the SVG Web library.


Anyone that has created an SVG file using GUI software and then opened the file in a text editor will have noticed large amounts of redundant data. The data makes sense for the editor, but is really wasteful when you want to use the file on the web.

Enter Jeff Schiller‘s Scour. This Python script parses SVG files, removes all unnecessary data, and leaves a nice, clean, minimal file that looks exactly the same as the original. If you’ve used “Save for web” in Photoshop before, you get the idea.

So what are you waiting for? Grab your Inkscape, design a masterpiece, Scour it, SVG-Web it, and share your vectory goodness with the world!

Web development

Browser Comparison on When Can I Use

Snippet of browser version options

I have added a new mode of displaying feature support information on “When Can I Use” resulting in the ability to select two browsers and only see what the differences are in feature support.

This allows you to pit two different browsers against each other to see which one outdoes which in what areas, but it is also useful to get a quick overview on which new features can be used in an upcoming release. For example, selecting Chrome 1 and 2 will let you see which new features are now available in Chrome 2.

This new mode will also tell you how much better one browser version is than another, note this is highly unscientific and doesn’t take into account support of features not mentioned on When Can I Use. Still, it’s kind of entertaining. Also, the mode generates URLs from your selection, so feel free to share your results with others.

Currently it only shows differences in support, I plan on also providing the option of displaying support common in both versions, as well as missing support. There may be a few other rough edges that need fixing, please let me know if you see anything that looks odd.