CSS Evangelist's feed | Diigo Group

How to get Cross Browser Compatibility Every Time | Anthony Short | Web Design & Development

Fri, 20 Jun 2008 12:12:31 -0000

Highlights and Sticky Notes:

Here is a quick summary for those of you who don't want to read the whole article:

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

Tags: best practice browser compatibility css reference

Posted by: fre_entity

Wed, 20 Feb 2008 14:50:06 -0000

Comments:

The final section "What size do I need to support?" has the findings summary, but the entire article is a very worthwhile read. posted by pabranch

Highlights and Sticky Notes:

in order to support 95% of your visitors, you need to design for a maximum size of 776x424px

Tags: browser design development reference sizes tools web

Posted by: pabranch

Mon, 11 Feb 2008 23:41:40 -0000

Comments:

Another thing to consider is that many Windows users have the Office suite or at least MS Word which comes with many fonts preslected for installation. Also look at the fonts used by OpenOffice and other popular opensource editors.

These additional fonts are also good potential candidates for your font-family!

posted by pabranch

Tags: cheatsheet design dm3105 font reference typography web

Posted by: pabranch

Wed, 25 Apr 2007 13:41:31 -0000

Tags: art arte design disenyo grafico graphic reference referencia utilidad utility visual webapps www

Posted by: chanio

Thu, 15 Mar 2007 20:51:28 -0000

Tags: css html javascript reference webdesign

Posted by: stef94510

Wed, 28 Feb 2007 18:35:46 -0000

Highlights and Sticky Notes:

"Web 2.0" refers to what some people see as a second phase of development of the World Wide Web, including its architecture and its applications.

Tags: cgi css html javascript perl php programar reference servicios web webhosts whatis www

Posted by: chanio