1 / 23

Cross Web Browser Development

Cross Web Browser Development. Jenny Kim. Cross Web Browser Development. Intro - Why does it matter? Cause – What makes the difference? Solution – How to solve it? Using compatibility checking tools Prevent possible conflicts Wrap up . Intro – Why does it matter? .

john
Download Presentation

Cross Web Browser Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Cross Web Browser Development Jenny Kim

  2. Cross Web Browser Development • Intro - Why does it matter? • Cause – What makes the difference? • Solution – How to solve it? • Using compatibility checking tools • Prevent possible conflicts • Wrap up

  3. Intro – Why does it matter? • So many browsers and devices now

  4. Cause – what makes difference? • Browser engine • Web technology support • HTML5 • Plugins • JavaScript • CSS • Browser versions • Hardware / Screen size

  5. Cause – Web browser engines

  6. Cause – Web browser engines • Different HTML5 support

  7. Cause – Web browser engines • Different JavaScript Support

  8. Cause – Web browser engines • Different CSS support – CSS2

  9. Cause – Web browser engines

  10. Solution – How to solve it? • How to solve it? • What tools to check compatibility? • What ways to prevent conflicts?

  11. Solution – Check compatibility • Tools introduction • Cross Browser Testing • MS modern.IE • Google Browser Compatibility Detector • Markup Validation Service • CSS Validation Service

  12. Solution – Check compatibility • Cross Browser Testing

  13. Solution – Check compatibility • MS modern.IE

  14. Solution – Check compatibility • Google Browser Compatibility Detector

  15. Solution – Check compatibility • Markup Validation Service

  16. Solution – Check compatibility • CSS Validation Service

  17. Solution – Follow web standards • Check web standard

  18. Solution – Prevent possible conflicts • Reset CSS

  19. Solution – Prevent possible conflicts • Internet Explorer conditionnal comments

  20. Solution – Prevent possible conflicts • Targeting Google Chrome only • Targeting Safari only • Targeting Opera only

  21. Solution – Tips • Avoid complexity • Inclusion of DOCTYPE • Choose target browsers • Code validation • Web Analytics

  22. Wrap Up • Intro – Cross browser compatibility is getting important • Cause – Different browser engines and supports • Solution • Check compatibility with multiple browsers • Follow web standard and remove possible dangers

  23. Q/A

More Related