Your SlideShare is downloading. ×
0
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
The slow death of IE 6
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

The slow death of IE 6

639

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
639
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Browser
  • 2. First web browser WorldWideWeb. Tim Berners-Lee On Next Computer First Web browser
  • 3. 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%
  • 4. 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
  • 5. Why you shouldn't care about these numbers ?
  • 6. 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
  • 7. http:// davidwalsh.name/6- reasons-why-ie6-must- die 6 Reasons Why IE6 Must Die
  • 8. 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
  • 9. Use child selectors The following rule sets the style of all P elements that are children of BODY: body > P { line-height: 1.3 }
  • 10. 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.
  • 11. Use attribute selectors Actually : <input class="text" ... /> After IE6 : CSS2 attribute selectors like input[type="text"].
  • 12. Use a wider range of display properties display:inline-block overflow: hidden
  • 13. 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"); }
  • 14. Throw away 90% of CSS hacks Duplicate Characters Bug Peekaboo Bug Doubled Float-Margin Bug ... http://www.positioniseverything.net
  • 15. Throw away 90% of CSS hacks Duplicate Characters Bug Peekaboo Bug Doubled Float-Margin Bug ... http://www.positioniseverything.net
  • 16. Add abbreviations that everyone can see The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
  • 17. Trust z-index again IE Firefox
  • 18. Save time and money
  • 19. Enjoy ourselves again!
  • 20. Thanks Microsoft ;)

×