Categories
Web development

Preview the new caniuse.com features

I’m happy to announce a number of new features coming to caniuse, with the new site now available for preview at beta.caniuse.com. The features are built upon a complete rewrite of the site’s front end code, which will hopefully also lead to more improvements in the future.

New features

Importing geographical usage data

Until now the site had only been using the “Worldwide” dataset from StatCounter which was useful but could be quite different from the various geographic regions that many site owners are interested in targeting. You can now pick any of StatCounter’s regions to see the support value percentage based on that region.

The first time you visit the site it will attempt to detect your current location to suggest the data to import. If you’d like to pick a different (or additional) location follow these steps:
region picker

  1. Click on “Show options” to show the option sidebar
  2. Under “Geographic usage data” start typing the region’s name
  3. Select the region and click “Import data”

The data is always from the previous month, and will be automatically loaded when revisiting the site. On a new month, regional data is automatically updated.

 New support “tables”

The support tables have been cleaned up and modified as following:

  • A “Usage relative” mode – displays each browser version sized relative to the selected usage data
  • Detailed tooltips when hovering over browser versions
  • Support for version-specific notes – easily see which notes refer to which browser versions (see flexbox for example)
  • Additional “unprefixed” usage information where applicable (% of users supporting properties etc. without prefix)

Example of the new usage relative view

Miscellaneous improvements

Smaller improvements include:

  • Import details from Google Analytics usage imports
  • Some options like browser selection are stored and restored when revisiting the site
  • Streamlined options panel
  • Improved browser comparison with subsections for common/different usage.

What about the new design?

Quite some time ago it was announced that the site would implement a new design in cooperation with Lennart Schoors. While some parts of this design have been already incorporated, the overall design is not there yet. This was due to some architectural inconsistencies between the design and the new features where I opted to get out the new features first.

The good news is that the new design is next on my list, once the new features have been put on the main site. My goal is it to have it implemented before the end of the year.

Feedback

I hope you find the new caniuse.com features useful in your web development/design work. If something on the beta site’s not working right please file an issue (use “beta site” tag) so I can fix it before pushing the new features to the main site. Thanks!

Categories
Geeky Personal

Adobe

Adobe logo
I’m delighted to announce that I will be working for Adobe, starting this June. Details to follow at some later point. 🙂

Categories
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 caniuse.com, 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 caniuse.com/#agents=desktop or caniuse.com/#agents=mobile. 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. caniuse.com/webworkers) 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 http://caniuse.com/ and you will be directed either to the related feature page or (if multiple results are found) to the search results page. For example, caniuse.com/corner will redirect you to the caniuse.com/border-radius 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.

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