Tuesday, June 9, 2009

How to get Cross Browser Compatibility Every Time

How to get Cross Browser Compatibility Every Time
There are different ways to acheive cross browswer compaibility. Some of them is given below

1.) Design html using w3 standards.
2.) Design css using w3 standards.
3.) Code javascript that supports all browsers.
4.) Validate your design and scripts using different tools, some can be find below :

Web Page Validation with W3C
Markup Validation Service
JSLint (Tool to check quality of javascripts)

This site Mozilla Browser Detection and Cross Browser Support has good speak regarding cross browser support and its implementation. For designing issues you can find the summary below.

Great tools to check live website on different tools , it will be very useful to any web designer 7 Fresh and Simple Ways to Test Cross-Browser Compatibility

Below is the summary which i found on different blogs and websites for development of good website i.e. Cross browser compatible.

1.) Always use strict doctype and standards-compliant HTML/CSS
2.) Always use a reset at the start of your css
3.) Use -moz-opacity:0.99 on text elements to clean up rendering in Firefox, and
4.) text-shadow: #000 0 0 0 in Safari
5.) Never resize images in the CSS or HTML
6.) Check font rendering in every browser. Don’t use Lucida
7.) Size text as a % in the body, and as em’s throughout
8.) All layout divs that are floated should include display:inline and overflow:hidden
9.) Containers should have overflow:auto and trigger hasLayout via a width or height
10.) Don’t use any fancy CSS3 selectors
11.) Don’t use transparent PNG’s unless you have loaded the alpha

1 comment:

  1. its very informative. developer guys should follow the W3C guidelines. Great Tips :)