Which is the browser with minimum hardware requirements with full support to HTML5?
The application should be able to play videos and perform some javascript transformations.
Windows or Linux it doesn't matter (but I bet my two cents on Linux as the winner).
Thanks in advance.
You may be putting the cart before the horse here.
There are a lot of "post pc" devices out there that have very low hardware specifications (iPod/iPad/iPhone, various Android devices, Blackberries, Windows Mobile Devices) that can run lightweight, full featured HTML5 browsers based on projects like WebKit (webkit.org).
Following browsers supports HTML5 for better client rendering especially when having flash, video streaming and mobile version of site. browsers: IE 10, Google chrome, Opera, netscape navigator.
Related
I am developing a website in a Windows system. I have Firefox and Chrome browsers installed. When I checked the responsiveness of my webpage by setting the device as iPad(768 X 1024) using 'inspect element' feature in these browsers, I could get different resultant UI for same device. Why is it so? On which browser can I rely on as I don't have any Mac/Apple devices with me to test? I am concerned of using other online web tools due to security issues. Please help. Thanks in advance.
There's a tool for checking responsiveness called browserstack. You can try it from here: https://www.browserstack.com. They're offering free trial.
Unfortunately there's no real substitute for device testing. Companies like BrowserStack offer real remote device testing but at a cost. With regard to browsers rendering differently, this has always been a pain. Look at CSS resets.
Safari (version 5.1.7) on Windows 10 does not support html video and audio, but works well with same version on Windows 7, so you have to use flash to play html media in this case. This seems like quite a drawback or I am missing something. Is there a way around it?
http://jsfiddle.net/jxajbo6f/2/
var testEl = document.createElement( "video" ),
if ( testEl.canPlayType )
The number of users using safari on Windows 10 is going to be fairly small - Safari version less than 6 have less than 0.5% of total market share across all OS's according to this market share site for example:
https://www.netmarketshare.com/browser-market-share.aspx?qprid=2&qpcustomd=0&qpct=3&qpcustomb=
It could still be important for you, however, if you have a target audience or organisation that do need to use it for some reason.
The problem is that the HTML5 video standards and extensions keep evolving so a browser not being developed, as Alexander points out above, simply cannot maintain compatibility.
In addition to this the OS itself has been updated and may provide new or different mechanisms to playback videos, for example leveraging HW acceleration and allowing for DRM, and only limited support may be offered for older interfaces. Falling back to Flash looks like your best alternative if you really have to support this use case.
I was wondering if anyone knew of an equivalent technology to iOS' translate, rotate, and scale hardware accelerator properties used in CSS3 webkit transitions that I could find in Windows Phone 7 or even Windows Phone 7.1, Mango.
The company I work for creates websites that operate on a variety of mobile platforms. Currently, we support iPhone and Android devices only, but we're looking to expand our reach to Windows Phones as well.
In the past I used those webkit properties to provide smooth animations for moving around DOM elements in my UI plugins. jQuery's animate function and even pure javascript just wasn't cutting it.
However, after some research I'm found out that the current Windows Phone 7 doesn't support CSS3 or HTML5. So my usual methods won't work here. Fortunately, I've been told that the new 7.5 version should have Internet Explorer 9 on it, which does support some CSS3 and HTML5 technologies. However, I'm wondering if anyone knows if there are any webkit-like translate, rotate, and scale properties I can use in Windows Phone.
Correct, the current Phone (7.0) does not support HTML5 or CSS3. The browser is some sort of IE7 / IE8 hybrid in terms of its functionality.
The good news is that the Windows Phone 7.1 release (mango) will bring with it IE9.0, which is built from much of the same code as the desktop browser. This will brig with it pretty good HTML5 support and hardware accelerated CSS3 transitions, rotations etc ...
You can try out your website right now on the WP7.1 emulator.
Be sure to use the -ms CSS prefix in your CSS. Most of CSS3.0 is still in draft so still requires browser specific prefixes.
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.
It seems like the new "experimental" web browser in the Kindle is fairly limited in capabilities. Styling of even the included bookmarks looks a bit rough. In one video, the person mentions JavaScript being enabled in "advanced" mode but there was no demonstration of what that means. As of writing this, the product page only offers a quick paragraph about international support limitations.
What sort of web standards does the Kindle WebKit browser officially support?
Going back to Kindle firmware 3.2.x, the experimental browser absolutely supports JavaScript (ES3 spec), some CSS 2.x, and scores 55 (our of 555 possible points) on HTML5Test.com. It more or less passes the Acid3 browser test at 100%. This puts it on significantly better footing than Internet Explorer 8, other than on raw JavaScript performance benchmarks.
Strictly speaking, it is not an HTML5-capable browser despite having a non-zero score on HTML5Test.com. It doesn't support any HTML5 document features, but at the same time supports relatively advanced features like Web Workers, Cross-Document messaging, and Cross-Origin Resource Sharing.
With our Kindle 2 with International 3G, we were able to check Yahoo email, Gmail, Wikipedia, and some Maps from a remote site in Taiwan while on vacation. You can jailbreak a Kindle 2 to install the Kindle 3.x firmware. Any Kindle after the Kindle 2 can be updated to the latest 3.x firmware and have a quite functional, albeit archaic, browser compared to competing e-ink devices.
Even the very latest Kindle e-ink devices (firmware 5.8.x) only score 152 (out of 555) on HTML5Test.com, on par with Internet Explorer 9 which was 2 years behind competing browsers when it was released 6 years ago. They support some aspects of the ES5.1 JavaScript standard, but several aspects are missing/broken. It has partial support for WebSockets that makes it unusable for most web apps that use that feature, but no support for Server Sent Events which is bizarre for a device where battery life is critical. Amazon continues their history of what appears to be a purposefully broken CSS2.1 and CSS3 implementation, and the browser will hang or crash when trying popular benchmark sites like JetStream, ARES- 6, or Ringmark. One cool saving grace is the inclusion of Local Storage and Canvas support, which would make it possible to have games with decent functionality if their animations are optimized for e-ink refresh rates. The Kindle browser doesn't support web standard touch events in the browser, but there's other control possibilities a developer could employ.
That being said, even Kindle firmware 5.8.x is a decent browser on a device that has weeks-long battery life. It will reasonably render the low-end mobile (read: iOS and Android 2.x) versions of Twitter, Facebook, Wikipedia, and other major sites with only minor render issues. Amazon can and should provide a better web experience given the prices they charge, but in the worst case scenario the jailbreak community compensates wonderfully on the software side.
The Kindle 3 does handle Javascript but not Flash, movies or any of the other features. I have got around this with my Kindle 3 by building this website - http://www.anysubjects.com where I linked hundreds of great Kindle-friendly websites together.
I set myself the challenge of choosing only websites which were useful, and I could read without needing to change any of the settings on my Kindle, i.e. I did not need to change font size or the screen settings.
By doing this, I have built a site which does push the limits of the browser, but saves you a lot of time and frustration.