Soumettre la recherche
Mettre en ligne
Best practices for building cross browser compatible web apps
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
564 vues
R
Rajasekharan Vengalil
Suivre
Technologie
Signaler
Partager
Signaler
Partager
1 sur 35
Télécharger maintenant
Recommandé
Practical HTML5: Using It Today
Practical HTML5: Using It Today
Doris Chen
Odoo - CMS performances optimization
Odoo - CMS performances optimization
Odoo
Fcr 2
Fcr 2
Ravi Peter
Security: Odoo Code Hardening
Security: Odoo Code Hardening
Odoo
Schoology tutorial[1]
Schoology tutorial[1]
Rafael Muñoz Espinosa
Session handling in php
Session handling in php
baabtra.com - No. 1 supplier of quality freshers
https://www.facebook.com/valdyna.monna?fref=ts
https://www.facebook.com/valdyna.monna?fref=ts
Arif Alexi
[Coscup 2012] JavascriptMVC
[Coscup 2012] JavascriptMVC
Alive Kuo
Recommandé
Practical HTML5: Using It Today
Practical HTML5: Using It Today
Doris Chen
Odoo - CMS performances optimization
Odoo - CMS performances optimization
Odoo
Fcr 2
Fcr 2
Ravi Peter
Security: Odoo Code Hardening
Security: Odoo Code Hardening
Odoo
Schoology tutorial[1]
Schoology tutorial[1]
Rafael Muñoz Espinosa
Session handling in php
Session handling in php
baabtra.com - No. 1 supplier of quality freshers
https://www.facebook.com/valdyna.monna?fref=ts
https://www.facebook.com/valdyna.monna?fref=ts
Arif Alexi
[Coscup 2012] JavascriptMVC
[Coscup 2012] JavascriptMVC
Alive Kuo
Send.php
Send.php
abdoahmd44
jAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer Comparison
William Ghelfi
jQtouch, Building Awesome Webapps
jQtouch, Building Awesome Webapps
Home
Show messagehello
Show messagehello
Mildred Madrid
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
Loiane Groner
Short lived immutable servers with masterless puppet
Short lived immutable servers with masterless puppet
Neil Millard
Rendering in browser
Rendering in browser
Pu Shiming
I heart the open web
I heart the open web
Mark Surman
Web Compatibility and Performance Testing in a Multi-Browser World
Web Compatibility and Performance Testing in a Multi-Browser World
Compuware APM
走在前面,看見世界的設計
走在前面,看見世界的設計
DesBear Li
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
Compuware APM
Cross browser web development
Cross browser web development
Ilya Starostin
Enable seo friendly url in websphere portal
Enable seo friendly url in websphere portal
michele buccarello
Wmq wmb dist migration v1 030310
Wmq wmb dist migration v1 030310
karthickmsit
Cross-Browser Compatibility, and a little bit about Page Load, too.
Cross-Browser Compatibility, and a little bit about Page Load, too.
Chad Carstensen
Continuous Integration (Jenkins/Hudson)
Continuous Integration (Jenkins/Hudson)
Dennys Hsieh
Practical HTML5: Using It Today
Practical HTML5: Using It Today
Doris Chen
Summit2014 topic 0066 - 10 enhancements that require 10 lines of code
Summit2014 topic 0066 - 10 enhancements that require 10 lines of code
Angel Borroy López
JSP
JSP
corneliuskoo
Enhance Web Performance
Enhance Web Performance
Adam Lu
Javascript MVC & Backbone Tips & Tricks
Javascript MVC & Backbone Tips & Tricks
Hjörtur Hilmarsson
The Django Web Application Framework 2
The Django Web Application Framework 2
fishwarter
Contenu connexe
Tendances
Send.php
Send.php
abdoahmd44
jAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer Comparison
William Ghelfi
jQtouch, Building Awesome Webapps
jQtouch, Building Awesome Webapps
Home
Show messagehello
Show messagehello
Mildred Madrid
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
Loiane Groner
Short lived immutable servers with masterless puppet
Short lived immutable servers with masterless puppet
Neil Millard
Tendances
(6)
Send.php
Send.php
jAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer Comparison
jQtouch, Building Awesome Webapps
jQtouch, Building Awesome Webapps
Show messagehello
Show messagehello
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
Short lived immutable servers with masterless puppet
Short lived immutable servers with masterless puppet
En vedette
Rendering in browser
Rendering in browser
Pu Shiming
I heart the open web
I heart the open web
Mark Surman
Web Compatibility and Performance Testing in a Multi-Browser World
Web Compatibility and Performance Testing in a Multi-Browser World
Compuware APM
走在前面,看見世界的設計
走在前面,看見世界的設計
DesBear Li
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
Compuware APM
Cross browser web development
Cross browser web development
Ilya Starostin
Enable seo friendly url in websphere portal
Enable seo friendly url in websphere portal
michele buccarello
Wmq wmb dist migration v1 030310
Wmq wmb dist migration v1 030310
karthickmsit
Cross-Browser Compatibility, and a little bit about Page Load, too.
Cross-Browser Compatibility, and a little bit about Page Load, too.
Chad Carstensen
Continuous Integration (Jenkins/Hudson)
Continuous Integration (Jenkins/Hudson)
Dennys Hsieh
En vedette
(10)
Rendering in browser
Rendering in browser
I heart the open web
I heart the open web
Web Compatibility and Performance Testing in a Multi-Browser World
Web Compatibility and Performance Testing in a Multi-Browser World
走在前面,看見世界的設計
走在前面,看見世界的設計
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
Cross browser web development
Cross browser web development
Enable seo friendly url in websphere portal
Enable seo friendly url in websphere portal
Wmq wmb dist migration v1 030310
Wmq wmb dist migration v1 030310
Cross-Browser Compatibility, and a little bit about Page Load, too.
Cross-Browser Compatibility, and a little bit about Page Load, too.
Continuous Integration (Jenkins/Hudson)
Continuous Integration (Jenkins/Hudson)
Similaire à Best practices for building cross browser compatible web apps
Practical HTML5: Using It Today
Practical HTML5: Using It Today
Doris Chen
Summit2014 topic 0066 - 10 enhancements that require 10 lines of code
Summit2014 topic 0066 - 10 enhancements that require 10 lines of code
Angel Borroy López
JSP
JSP
corneliuskoo
Enhance Web Performance
Enhance Web Performance
Adam Lu
Javascript MVC & Backbone Tips & Tricks
Javascript MVC & Backbone Tips & Tricks
Hjörtur Hilmarsson
The Django Web Application Framework 2
The Django Web Application Framework 2
fishwarter
The Django Web Application Framework 2
The Django Web Application Framework 2
fishwarter
Django Rest Framework and React and Redux, Oh My!
Django Rest Framework and React and Redux, Oh My!
Eric Palakovich Carr
Rajashekaran vengalil building cross browser html5 websites
Rajashekaran vengalil building cross browser html5 websites
OpenSourceIndia
Rajashekaran vengalil building cross browser html5 websites
Rajashekaran vengalil building cross browser html5 websites
suniltomar04
The Django Web Application Framework 2
The Django Web Application Framework 2
fishwarter
The Django Web Application Framework 2
The Django Web Application Framework 2
fishwarter
สปริงเฟรมเวิร์ค4.1
สปริงเฟรมเวิร์ค4.1
ทวิร พานิชสมบัติ
Web-Performance
Web-Performance
Walter Ebert
Django Vs Rails
Django Vs Rails
Sérgio Santos
Php frameworks
Php frameworks
Anil Kumar Panigrahi
Introduction to Django
Introduction to Django
Joaquim Rocha
The Django Web Application Framework
The Django Web Application Framework
Simon Willison
JSConf US 2010
JSConf US 2010
Steve Souders
Assetic (Zendcon)
Assetic (Zendcon)
Kris Wallsmith
Similaire à Best practices for building cross browser compatible web apps
(20)
Practical HTML5: Using It Today
Practical HTML5: Using It Today
Summit2014 topic 0066 - 10 enhancements that require 10 lines of code
Summit2014 topic 0066 - 10 enhancements that require 10 lines of code
JSP
JSP
Enhance Web Performance
Enhance Web Performance
Javascript MVC & Backbone Tips & Tricks
Javascript MVC & Backbone Tips & Tricks
The Django Web Application Framework 2
The Django Web Application Framework 2
The Django Web Application Framework 2
The Django Web Application Framework 2
Django Rest Framework and React and Redux, Oh My!
Django Rest Framework and React and Redux, Oh My!
Rajashekaran vengalil building cross browser html5 websites
Rajashekaran vengalil building cross browser html5 websites
Rajashekaran vengalil building cross browser html5 websites
Rajashekaran vengalil building cross browser html5 websites
The Django Web Application Framework 2
The Django Web Application Framework 2
The Django Web Application Framework 2
The Django Web Application Framework 2
สปริงเฟรมเวิร์ค4.1
สปริงเฟรมเวิร์ค4.1
Web-Performance
Web-Performance
Django Vs Rails
Django Vs Rails
Php frameworks
Php frameworks
Introduction to Django
Introduction to Django
The Django Web Application Framework
The Django Web Application Framework
JSConf US 2010
JSConf US 2010
Assetic (Zendcon)
Assetic (Zendcon)
Dernier
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
Zilliz
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Andrey Devyatkin
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
danishmna97
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Jeffrey Haguewood
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
UiPathCommunity
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Angeliki Cooney
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
apidays
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
The Digital Insurer
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Zilliz
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Orbitshub
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
Overkill Security
Dernier
(20)
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
Best practices for building cross browser compatible web apps
1.
bit.ly/avranju
2.
3.
4.
4.48%
3.45% 6.90% IE8 25.40% IE9 7.79% Chrome 17 Others FF 10 22.08% 15.17% IE6 IE7 Safari 5.1 14.73% Source: http://www.netmarketshare.com/
5.
6.
7.
8.
9.
// If not
IE then use addEventListener…
10.
11.
12.
13.
function(){
var sheet, bool, head = docHead || docElement, style = document.createElement("style"), impl = document.implementation || { hasFeature: function() { return false; } }; style.type = 'text/css'; head.insertBefore(style, head.firstChild); sheet = style.sheet || style.styleSheet; var supportAtRule = impl.hasFeature('CSS2', '') ? function(rule) { if (!(sheet && rule)) return false; var result = false; try { sheet.insertRule(rule, 0); result = (/src/i).test(sheet.cssRules[0].cssText); sheet.deleteRule(sheet.cssRules.length - 1); } catch(e) { } return result; }: function(rule) { if (!(sheet && rule)) return false; sheet.cssText = rule; return sheet.cssText.length !== 0 && (/src/i).test(sheet.cssText) && sheet.cssText .replace(/r+|n+/g, '') .indexOf(rule.split(' ')[0]) === 0; }; bool = supportAtRule('@font-face { font-family: "font"; src: url(data:,); }'); head.removeChild(style); return bool; };
14.
15.
16.
if(Modernizr.fontface){ … }
17.
18.
19.
20.
21.
22.
23.
24.
http://bit.ly/polyfills
25.
26.
27.
<object type="application/x-silverlight-2"
width="640" height="384"> <param name="source" value="http://channel9.msdn.com/App_Themes/default/VideoPlayer10_01_1 8.xap"></param> <param name="initParams" value="deferredLoad=true,duration=0,m=http://mysite.com/videos/big_buck_ bunny.mp4,autostart=true,autohide=true,showembed=true"></param> <param name="background" value="#00FFFFFF"></param> <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text- decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/> </a> <param name="x-allowscriptaccess" value="never"></param> <param name="allowScriptAccess" value="never" /> <param name="wmode" value="opaque" /> </object>
28.
<video controls width="500">
<source src="video.mp4“ type="video/mp4" /> </video>
29.
Credit: Encoding.com
30.
<video controls width="500">
<source src="video.mp4" type="video/mp4“ /> <source src="video.ogg" type="video/ogg“ /> <source src="video.webm" type="video/webm“ /> </video>
31.
32.
<video controls width="500">
<source src="video.mp4" type="video/mp4“ /> <object type="application/x-silverlight-2“ width="640" height="384"> … more stuff here … </object> </video>
33.
34.
blogorama.nerdworks.in rajave@microsoft.com
@avranju
Notes de l'éditeur
Don’t do this because when IE starts supporting the standards compliant “addEventListener” this code will continue to use “attachEvent” which can potentially get deprecated.
Télécharger maintenant