Web development

Big “When Can I Use” update!

UPDATE: The Android 2.2 browser has now also been included.

I’m happy to announce a number of new changes to, providing all sorts of new information for your feature support needs:

Mobile browser information

Preview of mobile browser columnsThe most popular WCIU request has been to add tables for support for mobile web browsers. This is now available together with the desktop browsers, including for now: iOS (iPhone/iPad/iPod touch) browsers, Opera Mini, Opera Mobile and the Android browser. These are known to be the most popular mobile browsers, so I thought I’d start with them. You can view each type as a set by using the URL or In the future more mobile browsers are likely to be added, with the grade A browsers on this chart having priority.

Browser usage statistics

Preview of global usage statisticsIf you’d like to know just what percentage of users can use a given feature, you can now get a rough idea from the “Global user stats” displayed in the upper-right hand corner of a feature. Of course your audience may be very different, so this should just be used as a guide. Mobile browser statistics are not currently included, but hopefully I can find some way to include them in the future.

Single feature pages

Each feature has its own non-hash URL now, (i.e. which is useful when sharing a feature table with others or looking up a feature quickly. These pages are designed to load quickly, with a link back to their interactive versions.

Search from address field

This previously existing feature has now been improved: Type in your query directly after and you will be directed either to the related feature page or (if multiple results are found) to the search results page. For example, will redirect you to the page.

Feature index

Preview of feature indexA full overview of all features mentioned on WCIU listed by category is now available by clicking on the big “Index” tab. The same overview is available on each single feature page too.

Feedback buttons

Each feature now includes a “Feedback” button, which you can use to quickly send me a correction/link suggestion, etc.

More browser features

Five new features have been added:

Also, thanks to the site’s restructuring, I plan on adding many more features in the future.

Bug fixes and minor improvements

I have fixed a number of bugs related to the working of the option checkboxes and URL hash, so things should work more as you’d expect them to. A number of links/notes/descriptions have also been updated. I’ve also added a “Three versions back” era (hidden by default) in case you need to go back even further in time.

So that’s it! The remaining request I’ve had is for a public API, which is something I’m still looking into but should be in my next big update.

Enjoy the new features, and let me know if you run into any bugs or mistakes.

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

When can I use…by spec status!

An update to the “When can I use” page, now you can filter by spec status. This is helpful to only see support for full W3 recommendations, mostly stable specs, features still in flux or completely unofficial features.

I find it interesting to see that with IE8 Microsoft has focused largely on improving items under “candidate recommendation” status (primarily CSS 2.1), whereas most full recommendations (XHTML, SVG, MathML) get ignored. Working draft features seem to only be added when the spec is pretty clear cut, such as the querySelector one.

Web development

Direct URLs to browser support table selections

The “When can I use…” page now makes URLs based on selections. For example, I made the following links:

Just selecting the options at the top of the page will immediately generate the URL.