4. Usage share of web browsers:
March 2011
Internet Explorer (43.2%)
Mozilla Firefox (28.6%)
Google Chrome (14.6%)
Safari (6.3%)
Opera (2.6%)
Mobile browsers (4.7%)
Source: http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
4
5. Top 12 browsers by
StatCounter: May 2011
← IE 7.0
← IE 6.0
5
Source: http://gs.statcounter.com/#browser_version-ww-monthly-201105-201105-bar
6. Drupal theming observations
• Modern browsers
• IE 6 and IE 7
• Opera
• Fonts
• Drupal core CSS
• Fixed-width layout
6
7. Drupal theming suggestions
• float: left instead of display: inline
block
• PNG for transparent background
• Rounded Corners
– borderradius for Webkit and Opera
– mozborderradius for Mozilla
– Rounded Corners module for IE
• Web safe fonts
• Specific styles for different browsers
7
9. Conditional Comments (IE)
Should start with gt – greater then
<![if IE]> lt – lower then
gte – greater then or equal to
<![if IE 5]> lte – lower then or equal to
<![if IE 5.0]>
<![if gte IE 5]>
<![if lt IE 6]>
<![if lte IE 5.5]>
<![if gt IE 6]>
9
10. Conditional Comments
(non-IE)
<![if !IE]><!>
<h1>You are NOT using Internet Explorer</h1>
<!<![endif]>
<![if IE 6]><!>
<h1>You are using EITHER IE 6 OR a nonIE</h1>
<!<![endif]>
<![if IE 6]>Instructions for IE6<!>
Instructions for IE6 and nonIE
<!<![endif]>
10
16. CSS Hacks/Filters
A hack is a method of exploiting the way a
web browser parses CSS rules, to control
the styles a webpage receives.
‘Control’ includes the ability to hide or
change rules based on the browser type
and/or version.
16
23. IE CSS Optimizer
(D6)
Solves the Internet Explorer limitation of
loading not more than 31 CSS files per
HTML page. Provides flexible settings for
CSS optimization.
http://drupal.org/project/ie_css_optimizer
23
24. IE Unlimited CSS Loader
(D6)
Does almost the same as IE CSS Optimizer
does with a small differences. Have no
settings.
Allows for up to 9 additional stylesheets
explicitly embedded in page.tpl.php, that
the module logic does not know about.
http://drupal.org/project/unlimited_css
24
30. Virtual Machines
Virtual Machine emulates behavior of PC
running Guest OS. VM is executed on top of
Host OS or Hypervisor. Several instances of
Virtual Machine could work simultaneously.
Software: Oracle VirtualBox, VMWare,
Microsoft VirtualPC, etc...
30
31. Browser Tools
• Firebug for Firefox
• Firebug Light
• Internet Explorer Developer Tools
• Webkit Web Inspector
31