I have a question regarding old version of iOS (especially 8.3) and html5 tag <picture>. I cannot use it for old iOS devices.
Do I have any chance to trick iOS or is it possible to have some hooks to make it work properly?
Thanks.
If you do not mind a javascript solution, Picturefill will enable support for the <picture> tag in browsers that do not support it. I have used it myself for various projects in the past, and it is a drag and drop solution that works without issue.
https://scottjehl.github.io/picturefill/
Related
I made a website in HTML5 but there are some elements not working in IE9 and Lower versions. I installed HTML5SHIV and Modernizer it fixed some issues but still some elements like <input type="email"> are not working.
Please suggest me some way to resolve it.
It is handy to use Can I use to detect what features are supported by a particular browser. As for resolving - for not supported features you have whether to ignore unsupported browsers or build replacement (polyfill) by your hands or using libraries, with JavaScript.
I would like to use html5 video on our site but wanted to find out if there is any way of adding support for IE6 seeing that some of our clients use old browsers. I am not sure if I inherit the js "modernizr.js" whether this will solve my issue. Please advise or may you please suggest an alternative besides flash?
Straight answer? You simply can't use HTML5 video in old IE.
You'd be best using a jQuery solution. There's a great plugin which handles all this leg-work for you called jPlayer:
http://www.jplayer.org/
Check it out.
As already suggested in the comment above, you should utilize some kind of fallback to Flash and/or Silverlight for browsers non capable of HTML5 video.
For example have a look at mediaelementjs, which is working well and has support for IE 6. There's also a chart on their website indicating which technology is used in which browser.
Trying to determine if any Android browsers (or other mobile platform browsers) support HTML5 drag and drop.
Is there an up-to-date online reference for HTML5 feature support within browsers? Specifically mobile browsers?
I think this is what you want: http://caniuse.com/
MobileHTML5 http://mobilehtml5.org/ is an interesting reference where to check for html5 support on mobile devices
This shows a lot of mobile related tables,maintaned by #ppk
http://www.quirksmode.org/mobile/
This is specifically for touch events: http://www.quirksmode.org/mobile/tableTouch.html
I want to use HTML5 because it supports in Iphone also and I really liked its capabilities but what can I do if it is not fully compatible with all browsers? Specially IE family. So is there a way by adding some js script e.t.c. so that HTML5 and its js api work normally in IE also as it works on other browsers like chrome, firefox and opera e.t.c.? So that I can use it without thinking of browser compatibility issues. There are also many game engines in html5 but what if this is not supported major IE browsers. Or can some one tell that how much advantage can I take of html5 without thinking of compatibility issues?
Thanks in advance
You can use http://html5boilerplate.com/ together with http://code.google.com/p/html5shiv/ and you're good to go.
For some other cool features, like video in old IE, you need to use workarounds like Flash for video and Javascript libs for canvas.
Simply put, if the markup is valid in HTML 4, change the Doctype and it will work as HTML 5.
If you want to use the new elements like <article> or <footer>, you will need to include a small javascript snippet in order to register those new types.
document.createElement("article");
document.createElement("footer");
This will make these new elements usable and stylable like an ordinary <div> element
Polyfills let you use new HTML5 apis on older browsers. The Modernizr project keeps a list of good ones: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
Are there resources or JS libraries to emulate HTML5 features, if the browser doesn't fully support HTML5.
I am specifically looking to target mobile web applications.
Thanks,
Sri
Maybe you should give a try to HTML5shiv.
Modernizr is a library for detecting support for HTML5 and CSS3 features.
It doesn’t do any automatic fixing itself (I don’t think so anyway...), but it’s a solid base to use for adapting your application to browsers that don’t support what you need.
Not sure how well it runs on mobile devices — JavaScript performance tends to be pretty slow on mobile.
Most mobile browser don´t have good js support. So it´s difficult you can emulate HTML5 or anything.