Categories
Web development

Search “When can I use…” tables

Search option for WCIU
I’ve added a search box for the “When can I use…” browser support tables. Just start typing a word like “corner”, “SVG”, or “attribute” and only the matched tables will appear.

Other minor updates include the addition of HTML5’s contenteditable (to throw IE a bone) and more unofficial features by Webkit, including CSS Transforms, CSS 3D Transforms, CSS Transitions, CSS Animation, CSS Gradients, CSS Canvas Drawings, CSS Reflections and CSS Masks. I’d be happy to add more non-Webkit features, but other browsers seem to prefer to keep their experimental features apart from their official builds.

Categories
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.

Categories
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.

Categories
Web development

When can I use…

Preview of the 'When can I use' page

A few weeks ago I was trying to find out which browser supported exactly which experimental feature, be it CSS3, HTML5, or something else. I found a couple of useful pages, but nothing quite as detailed as what I was looking for. Since I enjoy graphs, charts, and showing the world how much IE6 really sucks, I went ahead and made what I was looking for.

Thus was born the “When can I use…” page, which shows tables of a variety of current and upcoming web technologies. For all major browsers (Internet Explorer, Firefox, Safari, Opera and Chrome), versions for four different eras (past, present, near and far future).

The page can be customized to show only certain browsers/features/eras, so you have the option to ignore lesser used browsers or for that matter the most used one (it’s a lot of fun to pretend Internet Explorer doesn’t exist). I’ve also included a summary at the bottom of the page, which shows what percentage of the displayed features are supported.

Most features were tested myself, to ensure that the information is accurate. Please let me know if you notice any mistakes. Keep in mind that a “supported” feature may not actually work 100%, as well as the fact that some of the specifications are not set in stone yet, so what may be supported today may not actually work in the future. However, it is likely that in most cases the browser will update its support as the spec changes.

The feature list includes anything I personally feel is of significant use to web designers, but still lacks support in at least one browser version. I am open to adding more features, but only if it’s of significant importance and not just a detailed subset of another feature.

I intend to update the page as new browsers are released, or at the very least once a year. Due to its popularity, the page is updated as soon as new information becomes available.