A few enlightening facts I picked up while cross-browser testing this evening
So I learned a few things tonight:
1) Adobe Browser Labs suddenly disappeared 2 weeks ago (wait, what?)
2) All of the decent web-based cross-browser testing services are paid (boo) but they mostly have free trials. I tried a few, poked around for a while and it looks like the best one is saucelabs.com. There’s also a promo currently for former browserlabs users. (Details in the “k guys no more browserlabs” Adobe blog post: http://blogs.adobe.com/browserlab/2013/03/13/browserlab-is-shutting-down-on-march-13-2013/. Promo code is adobe. Shocking!)
3) Saucelabs.com is actually pretty great, because there’s a firebug lite tool in their IE tester. I rely heavily on the browser tools when I’m working on frontend stuff, so it was perfect for me. Beats services that just return static images of your site (browsershots, etc) by a mile. I opened up firebug in IE8 and realized… Oh, snap. IE doesn’t like my <section> tags. Duhhh. What do I do now?
4) HTML5 Shiv is a thing, and it is the shiz. It’s a script that lets you use HTML5 sectioning elements (header, footer, section, aside, etc) in IE. All you have to do is download the files from here: https://code.google.com/p/html5shiv/ , include the minified version in your <head> and your sad, janky HTML5-ridden IE layout magically un-breaks itself. And it’s light. Looks like this:
<!--[if lt IE 9]>
it’s also distributed with Modernizr, but I didn’t need the whole Modernizr library for the project I was working on tonight.
That’s all, back to work.