Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <h3>Cross Browser Development</h3> <p>No tool can ever make up for bad behaviour, but they can sure make life easier on you.</p> <p>That being said, you should really come up with a workflow that lets you optimize for cross-browser compatability in the least amount of work spent. If that means small iterative or large monolithical steps for you, well that is up to you to decide. But generally working against several browsers during development saves you if not time at least a major headache on d-day.</p> <h3>List of tools/resources i find useful</h3> <ul> <li><a href="http://seleniumhq.org/" rel="nofollow noreferrer">Selenium</a> is a tool for frontend testing </li> <li><a href="http://my-debugbar.com/wiki/IETester/HomePage" rel="nofollow noreferrer">IETester</a> lets you view a page in different IE versions</li> <li><a href="http://browsershots.org/" rel="nofollow noreferrer">Browsershots</a> lets you view the page on different platforms as well</li> <li><a href="http://www.google.com" rel="nofollow noreferrer">Google</a> lets you search for known and obscure IE perversions</li> <li><a href="http://www.ie6nomore.com/" rel="nofollow noreferrer">IE 6 No More</a> saves you a lot of headache not bothering about the preshistorical crap that goes by the name of IE 6</li> <li><a href="http://developer.yahoo.com/yui/articles/gbs/" rel="nofollow noreferrer">YUI Graded Browser Support</a> - make sure you know which browsers to focus on</li> <li><a href="http://jquery.com/" rel="nofollow noreferrer">jQuery</a> - cross browser javascript library</li> <li><a href="http://developer.yahoo.com/yui/3/cssreset/" rel="nofollow noreferrer">YUI 3: Reset CSS</a> - reset your CSS (link contains useful information as well as the CSS)</li> <li><a href="http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/" rel="nofollow noreferrer">9 Most Common IE Bugs and How to Fix Them</a> - very useful tips on how to get the most bang for the buck by fixing the common problems first.</li> <li><a href="http://www.good-tutorials.com/tutorials/css/cross-browser-development" rel="nofollow noreferrer">Cross browser development</a> contains lots of useful tutorials regarding cross browser development.</li> </ul> <h3>References</h3> <p><a href="https://stackoverflow.com/questions/426190/selenium-alternatives">Selenium alternatives</a> / <a href="http://crossbrowsertesting.com/" rel="nofollow noreferrer">Cross Browser Testing</a> / <a href="http://litmusapp.com/" rel="nofollow noreferrer">Litmus</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload