What are the current best recommended resources for cross-browser testing in the CSS3 jquery world? I am adopting html5 and have adopted parts of css3 into my latest web project. I have also changed over to jquery for my scripting needs. The best answer I have seen for testing this pre-dates html5 and css3 being ready for primetime.
I am testing in Windows Opera, Safari, 2 Firefoxes+firebug, IE+f12 and two Androids. I test myself for input=expected output in my javascript and browser-sizing and other rendering issues. I test my php generated code by rendering it in firefox, then validating. I am trying to test for user experience by having myself and other people use the site and reporting on their opinion of the design, usability and overall impressions of the site-in-action. I present them with views on different sized devices. I even am lucky to have a friend with color-blindness;-} The F12 solution is particularly dissatisfying when testing in IE and the css rendering consumes large chunks of my development time.
Is better emulation available? Has anyone found a better (i.e. fast, easy, efficient, scientific) way to test across platforms yet? I am hoping for a strategy like unit-testing to emerge in the online community so we can make our apps more stable and robust as they become more powerful and influential. I can't seem to find a way to tame this chaos!
Have you used Selenium?
http://seleniumhq.org/
It is a tool to automate browser testing. Some people at Google made it and open sourced it.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With