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
Related
I have came to know about H5BP and modernizr. now I have developed website which is made in flexbox and I do not want support for older browser then IE11. (coz I do not care for IE 6 to 10).
now I have seen that modernizr detects browser support and tells to add "no-XYZ" class to make it work for older browsers. but I do not want to do that hard work to make it work in IE6 to IE10. should I remove modernizr ? from H5BP ?
I'm already using HTML5SHIV.
Modernizr isn't about letting you use other browsers, it is about letting you know wether or not a feature is enabled in the users current browser. As you add features to your website, check their compatibility on caniuse.com. If it is not stellar support, consider using Modernizr for fallbacks.
HTM5 and CSS3 are the latest versions and have advanced features which are not supported by the older browser engines. To detect these features in browser we will use modernizr library.
Ex :
if (Modernizr.canvas) {
alert("This browser supports HTML5 canvas!");
} else{
alert("This browser does not supports HTML5 canvas!");
}
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/
I'm looking for a resource on what browsers currently support the tag. What alternatives are there? and is it in any way usable on a mobile phone, I have a hard time seeing that the text would be readable. On tablets with bigger screens it would make more sense.
Thanks.
This is the best table I've found so far for summarizing support across browsers: http://www.longtailvideo.com/html5/#texttrack
Caniuse.com is excellent for finding out what browsers support what. This is the link for the video tag
I must create a web site optimised for mobile devices, can I use html5 and css3?
What are the main limitations?
Which devices are compatible? (IOS, Android...)
Regards
Yes - to a degree. The website http://caniuse.com/ details HTML5 availability for the following browsers:
iOS Safari
Opera Mini
Opera Mobile
Android Browser
You can, with some limitations. Basically you'd better use some "pre-cooked" framework like Senche Touch or jQuery Mobile.
Simple answer: the best support for HTML5 in mobile phones is given by iOS and Android browsers.
Yes you can! and about compatibity... it depends on the browser... the new versions of safari that run on the iOs 4++ support html 5...
iOS and Android will both support HTML5 and CSS3 (and well). You'll run into some problems with windows mobile (which runs a modified version of ie7)
Back in April, sources announced that LG would be the first company to launch an HTML5 compatible browser.
Where this was over 6 months ago, I haven't been able to find any other sources that woukd indicate whether any phone browsers would support it.
The best thing to do would to point your mobile device (or emulate one) to a site made with HTML5.
After a little more research I found this quote from the apple.com site.
"Every new Apple mobile device and every new Mac — along with the latest version of Apple’s >Safari web browser — supports web standards including HTML5, CSS3, and JavaScript."
Also for Android, check this page.
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.