DrupalCon Chicago - Best practices for cross-browser compatibility of Drupal website

Ovadiah Myrgorod
Ovadiah MyrgorodDevOps Engineer at Georgetown University
Best practices for cross-browser compatibility of Drupal website Vadim Mirgorod
Usage share of web browsers: January 2011 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Source:  http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
Top 12 browsers by StatCounter: January 2011 Source:  http://gs.statcounter.com/#browser_version-ww-monthly-201001-201101-bar ←  IE 7.0 ←  IE 6.0
Drupal theming observations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Drupal theming suggestions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Conditional Comments <!-- [if IE 6]> Special instructions for IE 6 here <![endif] --> Image by  Brenda Starr
Conditional Comments (IE) Should start with <!--[if IE]> <!--[if IE 5]> <!--[if IE 5.0]> <!--[if gte IE 5]> <!--[if lt IE 6]> <!--[if lte IE 5.5]> <!--[if gt IE 6]> gt – greater then lt – lower then gte – greater then or equal to lte – lower then or equal to
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 non-IE</h1> <!-- <![endif]--> <!--[if IE 6]> Instructions for IE6 <!--> Instructions for IE6 and non-IE <!-- <![endif]-->
Conditional Comments in Drupal 3 Paths Image by  Ryan B Schultz
Padawan Path: sites/all/themes/your_theme/page.tpl.php
Jedi Knight Path: sites/all/themes/your_theme/template.php
Jedi Master Path (D7): sites/all/themes/your_theme/template.php See  drupal_pre_render_conditional_comments()
CSS Hacks Image by  Lincolnian
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.
CSS Hacks Examples
JavaScript Trick Image by  Jenn and Tony
JavaScript Trick theme.js: opera.css:
Useful modules for cross- browser compatibility
Conditional Stylesheets (D6 and D7) you_theme.info: ; Set the conditional stylesheets that are processed by IE. stylesheets-conditional[lt IE 7][all][] = ie6-and-below.css stylesheets-conditional[IE 9][all][] = ie9.css stylesheets-conditional[IE][print][] = ie-print.css http://drupal.org/project/conditional_styles
Conditional CSS Integration (D6) http://drupal.org/project/conditional_css
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
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
Testing Tools Image by  tronixstuff
Browser compatibility testing software ,[object Object],[object Object],[object Object],[object Object],[object Object]
IE Tester
Web Services ,[object Object],[object Object],[object Object],[object Object]
HTML/CSS Validators ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
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...
Browser Tools ,[object Object],[object Object],[object Object],[object Object]
What did you think? Locate this session on the DCC website: http://chicago2011.drupal.org/sessions Click the “Take the Survey” link. Thanks!
1 of 30

Recommended

FITC Spotlight HTML5 - The state of the web by
FITC Spotlight HTML5 - The state of the webFITC Spotlight HTML5 - The state of the web
FITC Spotlight HTML5 - The state of the webFrédéric Harper
1.8K views48 slides
A Beginner's Guide to Wordpress - WordCamp Montreal 2011 by
A Beginner's Guide to Wordpress - WordCamp Montreal 2011A Beginner's Guide to Wordpress - WordCamp Montreal 2011
A Beginner's Guide to Wordpress - WordCamp Montreal 2011Kathryn Presner
2.6K views36 slides
Designing with Microsoft Expression Web: Today and Tomorrow by
Designing with Microsoft Expression Web: Today and TomorrowDesigning with Microsoft Expression Web: Today and Tomorrow
Designing with Microsoft Expression Web: Today and Tomorrowgoodfriday
613 views35 slides
8 Most Common Joomla! Hacks and How to Avoid Them by
8 Most Common Joomla! Hacks and How to Avoid Them8 Most Common Joomla! Hacks and How to Avoid Them
8 Most Common Joomla! Hacks and How to Avoid ThemDaniel Kanchev
3.2K views59 slides
New SharePoint development features using Visual Studio 11 - San Antonio Shar... by
New SharePoint development features using Visual Studio 11 - San Antonio Shar...New SharePoint development features using Visual Studio 11 - San Antonio Shar...
New SharePoint development features using Visual Studio 11 - San Antonio Shar...Corey Roth
744 views26 slides
Bootstrap 3.1.1 by
Bootstrap 3.1.1Bootstrap 3.1.1
Bootstrap 3.1.1Prasad Parab
3.5K views14 slides

More Related Content

What's hot

Group prez search engines by
Group prez search enginesGroup prez search engines
Group prez search engineskennylou3
111 views6 slides
Bootstrap Introduction by
Bootstrap IntroductionBootstrap Introduction
Bootstrap IntroductionAndrea Tarr
3K views8 slides
Webware - from Document to Operating System by
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System Channy Yun
2.3K views89 slides
A Beginner's Guide to WordPress - WordCamp Montreal 2012 by
A Beginner's Guide to WordPress - WordCamp Montreal 2012A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012Kathryn Presner
3K views38 slides
WordPress for Girl Geeks 2009-11-24 by
WordPress for Girl Geeks 2009-11-24WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24Shannon Smith
1.7K views47 slides
40 WordPress Tips: Security, Engagement, SEO & Performance - SMX Sydney 2013 by
40 WordPress Tips: Security, Engagement, SEO & Performance - SMX Sydney 201340 WordPress Tips: Security, Engagement, SEO & Performance - SMX Sydney 2013
40 WordPress Tips: Security, Engagement, SEO & Performance - SMX Sydney 2013Bastian Grimm
41.3K views79 slides

What's hot(19)

Group prez search engines by kennylou3
Group prez search enginesGroup prez search engines
Group prez search engines
kennylou3111 views
Bootstrap Introduction by Andrea Tarr
Bootstrap IntroductionBootstrap Introduction
Bootstrap Introduction
Andrea Tarr3K views
Webware - from Document to Operating System by Channy Yun
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System
Channy Yun2.3K views
A Beginner's Guide to WordPress - WordCamp Montreal 2012 by Kathryn Presner
A Beginner's Guide to WordPress - WordCamp Montreal 2012A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012
Kathryn Presner3K views
WordPress for Girl Geeks 2009-11-24 by Shannon Smith
WordPress for Girl Geeks 2009-11-24WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24
Shannon Smith1.7K views
40 WordPress Tips: Security, Engagement, SEO & Performance - SMX Sydney 2013 by Bastian Grimm
40 WordPress Tips: Security, Engagement, SEO & Performance - SMX Sydney 201340 WordPress Tips: Security, Engagement, SEO & Performance - SMX Sydney 2013
40 WordPress Tips: Security, Engagement, SEO & Performance - SMX Sydney 2013
Bastian Grimm41.3K views
A beginner's guide to twitter bootstrap by Sunanda Bansal
A beginner's guide to twitter bootstrapA beginner's guide to twitter bootstrap
A beginner's guide to twitter bootstrap
Sunanda Bansal2.3K views
ACSS: Rethinking CSS Best Practices by Renato Iwashima
ACSS: Rethinking CSS Best PracticesACSS: Rethinking CSS Best Practices
ACSS: Rethinking CSS Best Practices
Renato Iwashima3.1K views
15 Essential WordPress Plugins by Mykl Roventine
15 Essential WordPress Plugins15 Essential WordPress Plugins
15 Essential WordPress Plugins
Mykl Roventine1.9K views
Sahar_CIS_Garr by fsahar1
Sahar_CIS_GarrSahar_CIS_Garr
Sahar_CIS_Garr
fsahar1335 views
Lca2009 Video A11y by guesta3d158
Lca2009 Video A11yLca2009 Video A11y
Lca2009 Video A11y
guesta3d158711 views
Plugins at WordCamp Phoenix by Andrew Ryno
Plugins at WordCamp PhoenixPlugins at WordCamp Phoenix
Plugins at WordCamp Phoenix
Andrew Ryno785 views

Viewers also liked

Using Backbone.js with Drupal 7 and 8 by
Using Backbone.js with Drupal 7 and 8Using Backbone.js with Drupal 7 and 8
Using Backbone.js with Drupal 7 and 8Ovadiah Myrgorod
2.4K views58 slides
Periféricos inalámbricos by
Periféricos inalámbricosPeriféricos inalámbricos
Periféricos inalámbricosAkemiRa-Lee
2.8K views4 slides
How we maintain 200+ Drupal sites in Georgetown University by
How we maintain 200+ Drupal sites in Georgetown UniversityHow we maintain 200+ Drupal sites in Georgetown University
How we maintain 200+ Drupal sites in Georgetown UniversityOvadiah Myrgorod
2.5K views53 slides
Создаем Drupal дистрибутив: от идеи до сопровождения by
Создаем Drupal дистрибутив: от идеи до сопровожденияСоздаем Drupal дистрибутив: от идеи до сопровождения
Создаем Drupal дистрибутив: от идеи до сопровожденияOvadiah Myrgorod
1.3K views32 slides
Open source and You. DrupalForum ZP. by
Open source and You. DrupalForum ZP.Open source and You. DrupalForum ZP.
Open source and You. DrupalForum ZP.Ovadiah Myrgorod
17.6K views32 slides
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. by
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. Системы управления взаимоотношениями с клиентами. Drupal CRM Core.
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. Ovadiah Myrgorod
1.5K views22 slides

Viewers also liked(20)

Using Backbone.js with Drupal 7 and 8 by Ovadiah Myrgorod
Using Backbone.js with Drupal 7 and 8Using Backbone.js with Drupal 7 and 8
Using Backbone.js with Drupal 7 and 8
Ovadiah Myrgorod2.4K views
Periféricos inalámbricos by AkemiRa-Lee
Periféricos inalámbricosPeriféricos inalámbricos
Periféricos inalámbricos
AkemiRa-Lee2.8K views
How we maintain 200+ Drupal sites in Georgetown University by Ovadiah Myrgorod
How we maintain 200+ Drupal sites in Georgetown UniversityHow we maintain 200+ Drupal sites in Georgetown University
How we maintain 200+ Drupal sites in Georgetown University
Ovadiah Myrgorod2.5K views
Создаем Drupal дистрибутив: от идеи до сопровождения by Ovadiah Myrgorod
Создаем Drupal дистрибутив: от идеи до сопровожденияСоздаем Drupal дистрибутив: от идеи до сопровождения
Создаем Drupal дистрибутив: от идеи до сопровождения
Ovadiah Myrgorod1.3K views
Open source and You. DrupalForum ZP. by Ovadiah Myrgorod
Open source and You. DrupalForum ZP.Open source and You. DrupalForum ZP.
Open source and You. DrupalForum ZP.
Ovadiah Myrgorod17.6K views
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. by Ovadiah Myrgorod
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. Системы управления взаимоотношениями с клиентами. Drupal CRM Core.
Системы управления взаимоотношениями с клиентами. Drupal CRM Core.
Ovadiah Myrgorod1.5K views
Redes informáticas by AkemiRa-Lee
Redes informáticasRedes informáticas
Redes informáticas
AkemiRa-Lee3.7K views
Tipos de archivos by AkemiRa-Lee
Tipos de archivosTipos de archivos
Tipos de archivos
AkemiRa-Lee606 views
Drupal code sprint для новичков by Ovadiah Myrgorod
Drupal code sprint для новичковDrupal code sprint для новичков
Drupal code sprint для новичков
Ovadiah Myrgorod2.1K views
Citar Fuentes electronicas by AkemiRa-Lee
Citar Fuentes electronicasCitar Fuentes electronicas
Citar Fuentes electronicas
AkemiRa-Lee1.3K views
La papelera de reciclaje by AkemiRa-Lee
La papelera de reciclajeLa papelera de reciclaje
La papelera de reciclaje
AkemiRa-Lee1.6K views
Building your influence - Win More Business by Dexter Moscow
Building your influence - Win More BusinessBuilding your influence - Win More Business
Building your influence - Win More Business
Dexter Moscow90 views
Amerigo dylan and sabina 2007 2.0 by guest9c164c1b
Amerigo dylan and sabina 2007 2.0Amerigo dylan and sabina 2007 2.0
Amerigo dylan and sabina 2007 2.0
guest9c164c1b654 views
Content Area Proposal by Mike Cawley
Content Area ProposalContent Area Proposal
Content Area Proposal
Mike Cawley239 views
Drupal Camp Kyiv 2011 - OpenAcaDept – Drupal distribution for building academ... by Ovadiah Myrgorod
Drupal Camp Kyiv 2011 - OpenAcaDept – Drupal distribution for building academ...Drupal Camp Kyiv 2011 - OpenAcaDept – Drupal distribution for building academ...
Drupal Camp Kyiv 2011 - OpenAcaDept – Drupal distribution for building academ...
Ovadiah Myrgorod1.9K views

Similar to DrupalCon Chicago - Best practices for cross-browser compatibility of Drupal website

Vadim Mirgorod.Best practices for cross browser compatibility of drupal websi... by
Vadim Mirgorod.Best practices for cross browser compatibility of drupal websi...Vadim Mirgorod.Best practices for cross browser compatibility of drupal websi...
Vadim Mirgorod.Best practices for cross browser compatibility of drupal websi...camp_drupal_ua
1.4K views32 slides
Developing web applications in 2010 by
Developing web applications in 2010Developing web applications in 2010
Developing web applications in 2010Ignacio Coloma
595 views65 slides
Echo HTML5 by
Echo HTML5Echo HTML5
Echo HTML5Nathan Smith
74.6K views71 slides
State of jQuery - AspDotNetStorefront Conference by
State of jQuery - AspDotNetStorefront ConferenceState of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront Conferencedmethvin
2.6K views59 slides
Progressive enhancement - Bridging the gap between CSS2 and CSS3 by
Progressive enhancement - Bridging the gap between CSS2 and CSS3Progressive enhancement - Bridging the gap between CSS2 and CSS3
Progressive enhancement - Bridging the gap between CSS2 and CSS3Zohar Arad
515 views30 slides
Flourish2011 by
Flourish2011Flourish2011
Flourish2011Mark Meeker
2.3K views95 slides

Similar to DrupalCon Chicago - Best practices for cross-browser compatibility of Drupal website(20)

Vadim Mirgorod.Best practices for cross browser compatibility of drupal websi... by camp_drupal_ua
Vadim Mirgorod.Best practices for cross browser compatibility of drupal websi...Vadim Mirgorod.Best practices for cross browser compatibility of drupal websi...
Vadim Mirgorod.Best practices for cross browser compatibility of drupal websi...
camp_drupal_ua1.4K views
Developing web applications in 2010 by Ignacio Coloma
Developing web applications in 2010Developing web applications in 2010
Developing web applications in 2010
Ignacio Coloma595 views
State of jQuery - AspDotNetStorefront Conference by dmethvin
State of jQuery - AspDotNetStorefront ConferenceState of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront Conference
dmethvin2.6K views
Progressive enhancement - Bridging the gap between CSS2 and CSS3 by Zohar Arad
Progressive enhancement - Bridging the gap between CSS2 and CSS3Progressive enhancement - Bridging the gap between CSS2 and CSS3
Progressive enhancement - Bridging the gap between CSS2 and CSS3
Zohar Arad515 views
Progressive enhancement by Zohar Arad
Progressive enhancementProgressive enhancement
Progressive enhancement
Zohar Arad870 views
いま使われているHTML5と、これからのHTML5 by Sadaaki HIRAI
いま使われているHTML5と、これからのHTML5いま使われているHTML5と、これからのHTML5
いま使われているHTML5と、これからのHTML5
Sadaaki HIRAI1.3K views
Making Your Site Look Great in IE7 by goodfriday
Making Your Site Look Great in IE7Making Your Site Look Great in IE7
Making Your Site Look Great in IE7
goodfriday405 views
Using Cool New Frameworks in (Mobile) Domino Apps by Teamstudio
Using Cool New Frameworks in (Mobile) Domino AppsUsing Cool New Frameworks in (Mobile) Domino Apps
Using Cool New Frameworks in (Mobile) Domino Apps
Teamstudio4.6K views
Progressive Enhancement & Intentional Degradation 2 by elliotjaystocks
Progressive Enhancement & Intentional Degradation 2Progressive Enhancement & Intentional Degradation 2
Progressive Enhancement & Intentional Degradation 2
elliotjaystocks13.4K views
Web Fundamentals Crash Course by MrAbas
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
MrAbas528 views
Web Fundamentals Crash Course by MrAbbas
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
MrAbbas1.5K views
HTML5 and CSS3 Techniques You Can Use Today by Todd Anglin
HTML5 and CSS3 Techniques You Can Use TodayHTML5 and CSS3 Techniques You Can Use Today
HTML5 and CSS3 Techniques You Can Use Today
Todd Anglin3.1K views
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript by Todd Anglin
HTML5 Bootcamp: Essential HTML, CSS, & JavaScriptHTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
Todd Anglin15.7K views

Recently uploaded

Class 9 lesson plans by
Class 9 lesson plansClass 9 lesson plans
Class 9 lesson plansTARIQ KHAN
68 views34 slides
A Guide to Applying for the Wells Mountain Initiative Scholarship 2023 by
A Guide to Applying for the Wells Mountain Initiative Scholarship 2023A Guide to Applying for the Wells Mountain Initiative Scholarship 2023
A Guide to Applying for the Wells Mountain Initiative Scholarship 2023Excellence Foundation for South Sudan
79 views26 slides
Narration lesson plan by
Narration lesson planNarration lesson plan
Narration lesson planTARIQ KHAN
69 views11 slides
Mineral nutrition and Fertilizer use of Cashew by
 Mineral nutrition and Fertilizer use of Cashew Mineral nutrition and Fertilizer use of Cashew
Mineral nutrition and Fertilizer use of CashewAruna Srikantha Jayawardana
53 views107 slides
INT-244 Topic 6b Confucianism by
INT-244 Topic 6b ConfucianismINT-244 Topic 6b Confucianism
INT-244 Topic 6b ConfucianismS Meyer
44 views77 slides
unidad 3.pdf by
unidad 3.pdfunidad 3.pdf
unidad 3.pdfMarcosRodriguezUcedo
129 views38 slides

Recently uploaded(20)

Class 9 lesson plans by TARIQ KHAN
Class 9 lesson plansClass 9 lesson plans
Class 9 lesson plans
TARIQ KHAN68 views
Narration lesson plan by TARIQ KHAN
Narration lesson planNarration lesson plan
Narration lesson plan
TARIQ KHAN69 views
INT-244 Topic 6b Confucianism by S Meyer
INT-244 Topic 6b ConfucianismINT-244 Topic 6b Confucianism
INT-244 Topic 6b Confucianism
S Meyer44 views
The Accursed House by Émile Gaboriau by DivyaSheta
The Accursed House  by Émile GaboriauThe Accursed House  by Émile Gaboriau
The Accursed House by Émile Gaboriau
DivyaSheta246 views
Creative Restart 2023: Leonard Savage - The Permanent Brief: Unearthing unobv... by Taste
Creative Restart 2023: Leonard Savage - The Permanent Brief: Unearthing unobv...Creative Restart 2023: Leonard Savage - The Permanent Brief: Unearthing unobv...
Creative Restart 2023: Leonard Savage - The Permanent Brief: Unearthing unobv...
Taste53 views
Education of marginalized and socially disadvantages segments.pptx by GarimaBhati5
Education of marginalized and socially disadvantages segments.pptxEducation of marginalized and socially disadvantages segments.pptx
Education of marginalized and socially disadvantages segments.pptx
GarimaBhati540 views
JQUERY.pdf by ArthyR3
JQUERY.pdfJQUERY.pdf
JQUERY.pdf
ArthyR3103 views
Parts of Speech (1).pptx by mhkpreet001
Parts of Speech (1).pptxParts of Speech (1).pptx
Parts of Speech (1).pptx
mhkpreet00143 views
Guidelines & Identification of Early Sepsis DR. NN CHAVAN 02122023.pptx by Niranjan Chavan
Guidelines & Identification of Early Sepsis DR. NN CHAVAN 02122023.pptxGuidelines & Identification of Early Sepsis DR. NN CHAVAN 02122023.pptx
Guidelines & Identification of Early Sepsis DR. NN CHAVAN 02122023.pptx
Niranjan Chavan38 views
Career Building in AI - Technologies, Trends and Opportunities by WebStackAcademy
Career Building in AI - Technologies, Trends and OpportunitiesCareer Building in AI - Technologies, Trends and Opportunities
Career Building in AI - Technologies, Trends and Opportunities
WebStackAcademy41 views
Guess Papers ADC 1, Karachi University by Khalid Aziz
Guess Papers ADC 1, Karachi UniversityGuess Papers ADC 1, Karachi University
Guess Papers ADC 1, Karachi University
Khalid Aziz83 views
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE... by Nguyen Thanh Tu Collection
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...

DrupalCon Chicago - Best practices for cross-browser compatibility of Drupal website

  • 1. Best practices for cross-browser compatibility of Drupal website Vadim Mirgorod
  • 2.
  • 3. Top 12 browsers by StatCounter: January 2011 Source: http://gs.statcounter.com/#browser_version-ww-monthly-201001-201101-bar ← IE 7.0 ← IE 6.0
  • 4.
  • 5.
  • 6. Conditional Comments <!-- [if IE 6]> Special instructions for IE 6 here <![endif] --> Image by Brenda Starr
  • 7. Conditional Comments (IE) Should start with <!--[if IE]> <!--[if IE 5]> <!--[if IE 5.0]> <!--[if gte IE 5]> <!--[if lt IE 6]> <!--[if lte IE 5.5]> <!--[if gt IE 6]> gt – greater then lt – lower then gte – greater then or equal to lte – lower then or equal to
  • 8. 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 non-IE</h1> <!-- <![endif]--> <!--[if IE 6]> Instructions for IE6 <!--> Instructions for IE6 and non-IE <!-- <![endif]-->
  • 9. Conditional Comments in Drupal 3 Paths Image by Ryan B Schultz
  • 11. Jedi Knight Path: sites/all/themes/your_theme/template.php
  • 12. Jedi Master Path (D7): sites/all/themes/your_theme/template.php See drupal_pre_render_conditional_comments()
  • 13. CSS Hacks Image by Lincolnian
  • 14. 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. JavaScript Trick Image by Jenn and Tony
  • 18. Useful modules for cross- browser compatibility
  • 19. Conditional Stylesheets (D6 and D7) you_theme.info: ; Set the conditional stylesheets that are processed by IE. stylesheets-conditional[lt IE 7][all][] = ie6-and-below.css stylesheets-conditional[IE 9][all][] = ie9.css stylesheets-conditional[IE][print][] = ie-print.css http://drupal.org/project/conditional_styles
  • 20. Conditional CSS Integration (D6) http://drupal.org/project/conditional_css
  • 21. 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
  • 22. 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
  • 23. Testing Tools Image by tronixstuff
  • 24.
  • 26.
  • 27.
  • 28. 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...
  • 29.
  • 30. What did you think? Locate this session on the DCC website: http://chicago2011.drupal.org/sessions Click the “Take the Survey” link. Thanks!