And a little bit about Page Load, too.
 Cross-Browser Compatibility
 Art and science of building web sites that look,
feel and function similarly on various In...
 Do web sites need to appear exactly the same
on all browsers?
 No, but they still need to work
 Graceful Degradation/P...
 Audience Browser Stats*
*Stats taken from Google Analytics for www.SeniorMarketSales.com fromAugust 15, 2010 thru Septem...
 Trends
 IE6 is not like FireFox*
 IE7 is not like FireFox*
 IE8 is a tad-bit like FireFox*
 IE9 could be more like F...
 Audience Browser Stats*
*Stats taken from Google Analytics for www.SeniorMarketSales.com fromAugust 15, 2010 thru Septem...
 Tools
 Reset.css (zero-out)
▪ Reset defaults on all elements
 Adobe Browser Lab
▪ https://browserlab.adobe.com
▪ Scree...
 Reset.css (zero-out)
 http://developer.yahoo.com/yui/reset/
 May be a bit excessive
 99% Compatible
 Page Load
 Average browser load of complete HTML page
including all objects/components
▪ HTML
▪ CSS
▪ JavaScript
▪ RSS
...
 How Page Load is Measured
 Overhead
▪ Server
▪ Header
▪ Cookies
▪ Requests
 4-Part Process
▪ Start
▪ Connect
▪ First B...
 Tools
 YSlow?Yahoo Developer Network
▪ FireFoxWeb Dev Plugin (also avail. on other browsers)
▪ https://addons.mozilla.o...
 YSlow for LTCFA
 YSlow for beta.LTCFA
 Pingdom for LTCFA
 Pingdom for beta.LTCFA
 Improve Internet user experience by
 Developing web sites and apps that look and feel
and function in an increasingly s...
Upcoming SlideShare
Loading in …5
×

Cross-Browser Compatibility, and a little bit about Page Load, too.

2,024 views

Published on

Cross-Browser Compatibility =

Art and science of building web sites that look, feel and function similarly on various Internet Browsers and/or Devices.

Page Load =

The amount of time (sec/ms) it takes to load a single web page and the entirety of its components.

Published in: Design
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
2,024
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
28
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Cross-Browser Compatibility, and a little bit about Page Load, too.

  1. 1. And a little bit about Page Load, too.
  2. 2.  Cross-Browser Compatibility  Art and science of building web sites that look, feel and function similarly on various Internet Browsers and/or Devices.  Page Load  The amount of time (sec/ms) it takes to load a single web page and the entirety of its components.
  3. 3.  Do web sites need to appear exactly the same on all browsers?  No, but they still need to work  Graceful Degradation/Progressive Enrichment  Are some browsers more important than others?  Yes, consider audience browser majority
  4. 4.  Audience Browser Stats* *Stats taken from Google Analytics for www.SeniorMarketSales.com fromAugust 15, 2010 thru September 14, 2010
  5. 5.  Trends  IE6 is not like FireFox*  IE7 is not like FireFox*  IE8 is a tad-bit like FireFox*  IE9 could be more like FireFox* than it is to previous IE versions  Predictions  How is the majority altered by trends?  How are skill-sets altered by trends? *In this case, the term FireFox is used to represent progressive, forward-thinking browsers with an emphasis on building a standards- compliant Interent (including Safari, Chrome, Mozilla and a few others).
  6. 6.  Audience Browser Stats* *Stats taken from Google Analytics for www.SeniorMarketSales.com fromAugust 15, 2010 thru September 14, 2010
  7. 7.  Tools  Reset.css (zero-out) ▪ Reset defaults on all elements  Adobe Browser Lab ▪ https://browserlab.adobe.com ▪ Screen Shots Only ▪ Free until Jan 2011  CrossBrowserTesting ▪ https://crossbrowsertesting.com ▪ Screen Shots + LiveTest ▪ Small monthly/yearly charge (150 min/month)
  8. 8.  Reset.css (zero-out)  http://developer.yahoo.com/yui/reset/  May be a bit excessive  99% Compatible
  9. 9.  Page Load  Average browser load of complete HTML page including all objects/components ▪ HTML ▪ CSS ▪ JavaScript ▪ RSS ▪ Flash ▪ Frames/iFrames
  10. 10.  How Page Load is Measured  Overhead ▪ Server ▪ Header ▪ Cookies ▪ Requests  4-Part Process ▪ Start ▪ Connect ▪ First Byte ▪ Last Byte
  11. 11.  Tools  YSlow?Yahoo Developer Network ▪ FireFoxWeb Dev Plugin (also avail. on other browsers) ▪ https://addons.mozilla.org/en-US/firefox/addon/5369/ ▪ No cost  PingdomTools ▪ http://tools.pingdom.com ▪ No cost
  12. 12.  YSlow for LTCFA
  13. 13.  YSlow for beta.LTCFA
  14. 14.  Pingdom for LTCFA
  15. 15.  Pingdom for beta.LTCFA
  16. 16.  Improve Internet user experience by  Developing web sites and apps that look and feel and function in an increasingly similar form.  Developing web sites that load as quickly as possible.

×