Pre-fix the web!

TL;DR: Webkit-only solutions break standardisation and hurts the open web. Go and help by adding prefixes and removing webkit-only testing from repositories on GitHub.

Pre-fixed solutions

These are repositories that have been fixed by adding -moz-,-ms-,-o- and add non-prefixed CSS and/or by removing webkit-only browser detection


Everybody in web design has a digital nemesis - Internet Explorer 6. We'd gladly see it go, we joke about it, we all spent far too much time of our lives fixing things for it. Time we could have spent that to do things that make the web better and our interfaces richer and the experience of our visitors much better.

IE6 didn't die for a long time because of a few reasons:

We are repeating the same mistake right now!

Wrong! Right now we do exactly the same mistake we did back then, albeit we do it by supporting a browser engine - Webkit - instead of just one browser. There are more and more sites that tell our visitors they need Chrome or Safari to use them. In most cases, that is not true. It just means that the developers didn't bother supporting other browsers, or didn't want to test in them.

This is where we come in. Instead of pointing fingers at these developers, we are lucky enough these days that we are in a position where code gets released for us to extend and change. And this is what I'd like to call "-pre-fix the web". The process is simple:

  1. Find a demo/project on Github that only works in Webkit
  2. Fork the project
  3. Add the missing prefixes to the CSS
  4. Extend JS code that tests for webkit only to do proper feature detection
  5. Commit your changes and send a pull request
  6. Fork and add your change to this repository or as an issue

We will continue to add to the list of fixed products and tweet about your efforts.

The open web and the developers of tomorrow thank you for this little effort.

Fork me on GitHub