Browser

First web browser
WorldWideWeb.
Tim Berners-Lee
On Next Computer
First Web browser

Actual Web browser
Microsoft Internet Explorer 7.0
Firefox 3.0
Microsoft Internet Explorer 6.0 7%
2%
Safari 3.2 4%
Microsoft Internet Explorer 8.0 4%
Firefox 3.1
45%
Others
18%
Market Share Apr 2009
By Net Applications
20%

Top Browser Trend
50%
38%
25%
13%
0%
Q1 08 Q2 08 Q3 08 Q4 08 Q1 09 Q2 09
Microsoft Internet Explorer 7.0
Firefox 3.0
Microsoft Internet Explorer 6.0
Safari 3.2
Microsoft Internet Explorer 8.0
Firefox 2.0
Safari 3.1

Why you shouldn't care
about these numbers ?

Why you shouldn't care
only about these numbers ?
Cost Benefit
100%
Based on John Resig Blog
75%
50%
25%
0% Safari 3
IE 6 FF 3
IE 7

http://
davidwalsh.name/6-
reasons-why-ie6-must-
die
6 Reasons Why IE6 Must Die

http://
www.sitepoint.com/
blogs/2009/04/14/10-
cool-things-well-be-able-
to-do-once-ie6-is-dead/
10 Cool Things We’ll Be Able To
Do Once IE6 Is Dead

Use child selectors
The following rule sets the style of all P
elements that are children of BODY:
body > P { line-height: 1.3 }

Make full use of 24-bit
PNGs
Note: I am aware of the
“.htc” patch and CSS fixes,
but they aren’t a good
enough solution.

Use attribute selectors
Actually :
<input class="text" ... />
After IE6 :
CSS2 attribute selectors like
input[type="text"].

Use a wider range of
display properties
display:inline-block
overflow: hidden

Use min-width and max-
width
#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600?
"600px" : document.body.clientWidth > 1200? "1200px" :
"auto");
}

Throw away 90% of
CSS hacks
Duplicate Characters Bug
Peekaboo Bug
Doubled Float-Margin Bug
...
http://www.positioniseverything.net

Throw away 90% of
CSS hacks
Duplicate Characters Bug
Peekaboo Bug
Doubled Float-Margin Bug
...
http://www.positioniseverything.net

Add abbreviations that
everyone can see
The <abbr title="World Health
Organization">WHO</abbr> was founded in 1948.

Trust z-index again
IE Firefox

Save time and money

Enjoy ourselves again!

Thanks Microsoft ;)