ابدأ بالتواصل مع الأشخاص وتبادل معارفك المهنية

أنشئ حسابًا أو سجّل الدخول للانضمام إلى مجتمعك المهني.

متابعة

How to support html5 and css3 in all and old browsers?

Lets say that you asked to build website using HTML5 and CSS3 and asked to support in all browsers. From your experience how you can do that?

user-image
تم إضافة السؤال من قبل Fadi Alkhateeb , Senior Front End Developer , NexTwo
تاريخ النشر: 2013/10/07
Mohammad Irfan
من قبل Mohammad Irfan , Certified Magento Developer , Xcite.com

You will never get the IE7 or IE8 rendering engine to achieve full compatibility with HTML5, CSS3, and other modern technologies. They are simply not capable of it.

However there are some hacks, tools and plugins which can get you part of the way.

Tools like Modernizr will help you by allowing you to detect which features are supported, to give your site a chance to work around it.

jQuery is a great library anyway, but is particularly good in this context because it abstracts a lot of browser differences away from the developer. Some things are easy in most browsers but a real pain in IE; jQuery takes a lot of that kind of stuff and makes it easy regardless.

Dean Edwards' IE7.js and Selectivzr are both Javascript libraries that give IE support for lots of the CSS selectors which were missing in older versions. This allows you to write your stylesheets without worrying so much about what IE supports. (IE7.js also fixes a number of IE's other glitches and missing features too)

CSS3Pie is a hack for IE that adds support for CSS border-radius, gradients and box-shadow.

Arsalan Ahmed
من قبل Arsalan Ahmed , Technical Support Specialist (Team Lead) , GMS VOIPMONSTER FZ-LLC

By trying html5shiv.min.js in Html code, Also in order to make all browser work with transition Properties ,

 

-webkit (Chrome & Safari)

-moz (mozilla)

-o (Opera)

 

Can also be used.

Mohammad Arif
من قبل Mohammad Arif , Principal Engineer UI , NatWest Group

Irfan has already covered most of it.

 

We mostly sell projects starting form IE9 with support of other modern browsers (Chrome/FF/Safari etc.) when it comes to HTML5/CSS3 or may have responsive flavor as well.Always recommend progressive enhancement approach, mean if one browser support advance feature like CSS3 border-radius property then make curve or let it be like rectangle in case of IE7/8 or for any other legacy browser, please note we won't recommend to client to use polyfills like CSS3 Pie or any other JS shim due to the poor rendering capability of IE8 specially.

 

Trident or MSHTML being the rendering engine of IE8 browser is much slower then IE9 Chakra.

 

Do not try to make fancy stuff for legacy browsers, you making your life hell with great unstability of the web app in terms of usability with tons of redundant JS files.

By including the Shiv script, one can provide backward compatibilities.

Tanveer Ahmed
من قبل Tanveer Ahmed , SharePoint Developer , Zylog Systems

We can use JavaScript and CSS to make our design backwards-compatible with Internet Explorer.

Nuno Gouveia
من قبل Nuno Gouveia , Programmer , Câmara Municipal de Portimão

You can't run HTML5 and CSS3 on older browsers, you can however support your HTML code in case of detect older browser run HTML4 code

Rahul Kumawat
من قبل Rahul Kumawat , Sr Software Engineer , Siemens Ltd

for CSS use the link:

https://www.smashingmagazine.com/2011/05/using-css3-older-browsers-and-common-considerations/

 

for HTLM use the link:

https://www.quora.com/How-do-I-make-old-browsers-support-or-handle-HTML5-and-CSS3-features

Mohammad Allam
من قبل Mohammad Allam , Front End Developer/ UX Designer , http://memix.online

I think this is not very time worthy as we developers should think more about dealing with new browsers with new features. We should leave this issue to whom build browsers to try to catch with the web new technologies but, at the same time, developers should assure the functionality of their own web products over most of the used browsers. So, I think some more javascript is needed in this case. If you need to know better how to deal with this, check this link.

ahmed khalaf khalaf
من قبل ahmed khalaf khalaf , مبرمج ومطور برمجيات ومواقع الكترونية , proskyeg

 

, By including the Shiv script, one can provide 

and trying html5shiv.min.js in Html code, Also in order to make all browser work with transition Properties ,

 

elham odiebat
من قبل elham odiebat , web desinger , JOLIFE

HTML5 Shim/ShivThis library provides support for all of the new HTML5 structural elements using a Javascript function called createElement(); - its really important to include this in your <head> as well, so that all HTML elements that older browsers dont understand will be rendered correctly before the page loads completely.

surjith v
من قبل surjith v , Web Developer , Xerago

All the HTML5 new semantics will not be supported in older version.So we should apply the  display property as block for all those new semantics.

For IE9 and Previous Versions we should add the HTML5Shiv plugin.

In CSS3 we must give the browser specific notations like -webkit-,-ms-,-o-

المزيد من الأسئلة المماثلة

هل تحتاج لمساعدة في كتابة سيرة ذاتية تحتوي على الكلمات الدلالية التي يبحث عنها أصحاب العمل؟