I imagine there must be out there a website that collects information about HTML 5 feature and what browsers version started to support them.
This might be a good way to decide based on your website profile, if you can apply that HTML 5 feature without a fallback for your visitors.
Do you know such a site/resource ?
For example I want to know what browsers support the multiple upload feature for inputs and what browser version was the first.
Update
I'm not pleased with the sites suggested so I'm opening a bounty.
Suggestions so far: Html5Test, Caniuse, modernizr.com, QuirksMode
Update 2
Some people don't understand the question. I need to implement the multiple upload feature. I know from analytics what browser are they using ( I know this is not 100% correct ).
I'm willing to sacrifice some of the visitors by not offering some advance features but I need to understand how big is this procent. I'm NOT trying to DETECT in anyway the browser. It's a similar approach with other sites that dropped IE 6 support.
So please don't talk about bad practice.
Try to look at Html5Test or caniuse.
If it's server side, you can analyze user agent to find out if client's version supports HTML5. Wikipedia is your friend.
If it's client side, there's Modernizr library.
A quick search gave me this interesting result (reproduced in several blogs): http://www.findmebyip.com/litmus/
And you can may also want to take a look at this list of how to detect each feature: http://diveintohtml5.ep.io/everything.html
Here is another website, quite incomplete but verbose and "work in progress" as of March 2011, so it might be worth keeping an eye on: http://html5accessibility.com/
This one is off topic, but since I found it, I add it. CSS compatibility in IE browsers (very extensive): http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx
And here you can find info specific to the gecko engine: https://developer.mozilla.org/en/HTML/HTML5
And, of course, MDC has compatibility tables for each feature, but separated in different pages, not as a table, e.g.: https://developer.mozilla.org/en/HTML/Element/input
http://www.modernizr.com/
HTML5Test.com collects the information but they don't give detailed reports for perusal.
A good reference site for some stuff is http://www.browserscope.org/ but that doesn't go into a lot of detail with HTML5 specific support
Another source of related stuff is http://w3c-test.org/html/tests/reporting/report.htm which is creating a set of HTML testing tools that can be run.
You or someone who wanted to create this information could use these tests and then store the UA String of each browser that hit the site with the results of each test.
Then you could just find the earliest version of each browser type that a feature successfully run on.
I think this information is stored in the databases of the sites mentioned but they just don't display it which sort of sucks. Maybe try emailing them and suggesting they add these reports.
Take a look at caniuse.com, it’s exactly what you are searching for.
QuirksMode is also a great resource, and there is an entry for multiple files input.
My vote is for:
http://www.findmebyip.com/litmus
Which i found via this blog:
http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/
You should try this website. I hope this is what you were looking for.
Related
We are building a small site for a client and while we spoke, the question of html standard popped up and we told him we will do it in HTML5. His question was "what about those who do not support html 5" since he wants to reach the widest possible audience some of whom are in the tech-unsavvy or elderly group?
I've been so deep into html5 for a while that this never crossed my mind, if we use exclusively html5 who exactly is now being left behind and how much of a market share do they represent? I tried googling this, but I can't find any objective material on that topic. I would very much like to avoid falling back on pre-html5 if we are just talking about a few percent of ludites holding out.
Depends entirely on the functionality of HTML 5 you intend to use.
Check out this website: Can I Use
Then based on the functionality you intend to use check what browsers support it, then if you need to use that feature and you can only use say IE 11 and above, but all other browsers support it then you check the browser share for IE 10 and below at: https://netmarketshare.com/browser-market-share.aspx
Unfortunately there's no easy answer to the amount of people unable to use your website depending on if you use 'HTML 5' it depends entirely on the feature set, your potential users locations and browser they use.
If you are building a site for a client with an existing website and they use some form of analytics you could use those stats to define the usage levels of browsers and then work from there.
I'm looking/hoping for a tool similar to caniuse that supports searching for multiple features in one go.
Instead of searching for a single feature (like "border-radius"), I'd like to input all the HTML/CSS/JS APIs/etc that a given site uses, and be presented with a single table of browser support levels for all the features, in aggregate.
Example search: border-radius, FileAPI, canvas, video, audio
The idea is that you could provide a list of all the features of a given site and get a pretty accurate list of which browsers will support every bit of that site's functionality. It would answer the question of "Is browser X compatible with my site?", whereas caniuse answers the question "Is browser X compatible with feature Y?"
Does something like this exist?
Not that I know of.
caniuse has a link at the top of the page for Suggestions. You should suggest this.
It may be difficult to aggregate support information for multiple features particularly in cases where features have limited browser support, are available only by vendor-prefixes, or have known issues in particular cases.
What about this site? It's not exactly what you requested but more convenient than searching for one thing at a time.
My question is borne out of my confusion on (still incomplete, with existing features still evolving?) HTML5 support in different browsers, all the resources available on how to implement existing features and simple practicality.
1) How do you go about implementing HTML5 only features in your web-site? Do you do some kind of browser/version check at first access and notify user that he should install some other browser (though cumbersome and uncomfortable to the user)?
2) Is there a way to check availability of HTML5 features in user's browser dynamically (version X of Chrome does not support it, next might and it should work then) and easily without some significant computing overhead and significant coding?
3) Assuming the answer to 2) is yes, what to do about changes in spec that might occur in the future? (The check would say fine, the browser does implement e.g. WebGL, but my implementation would run into errors as there would be some changes between the spec I had used during development and spec that was enhanced in the W3C process and would make my implementation incompatible)
to start using html5, make sure that the first line in your html is <!doctype html> this tells the browser that you are speaking in the language of html5
this google-hosted html5 shiv helps to ensure that the new html5 tags work in older browsers and as someone already pointed out, you can and dare I say it, should use modernizr to test the browser's CSS rendering capabilities
This is just something you need to keep abreast of yourself unfortunately ;) The way I look at it, if the spec changes in a big way, lets say they decided to remove the <article>, there will be a lot of chatter online and you are likely to read about it
I recommend that you take a look at html5-boilerplate. It's a A rock-solid default for HTML5 awesome.` It's a starter kit with template html, CSS and Javascript files for building an html5 website.
This is useful: http://www.modernizr.com/
As for 3: I think that's just a risk of using a technology before it's out of spec.
Take a look at modernizr, it's a js library that will do various feature detection tests and gives you a way to query whether or not to use a particular feature. You can also load specific js files with modernizr.load based on whether a feature is supported in the browser.
http://www.modernizr.com/
Tutorial: http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/
I'm trying to make a personal bible for my psp
(I tried googling but the only bible version I've seen on my skimming is on KJV and I'm trying to make mine have 3 versions namely TNIV, NLT and Amplified Bible)
So my only solution was to make on for myself and my approach was to save an html file on my mem-stick and open it up through the console's browser
My concerns are:
How does the psp browser handle css and javascript?
Is there a doctype declaration specifically designed for the psp browser?
Can I use any local database to store my texts for easier query or do I have no choice but rely on static text files?
Is there anyone in SO who have experienced developing a page for this console and can he/she give me some tips and advice?
Thanks much in advance for your responses. :)
Well the best way would be to make an HTML document file to create an off-line web page.
The PSP has good (but not great) CSS support and weak Javascript support (compared to a desktop browser).
The best Doctype to stick to would be XHTML Strict 1.0.
Not unless you find another way to do it.
Not for the PSP, but I would recommend this: Just keep your markup and CSS as simple as possible. Don't set font-sizes or widths, let the PSP browser do that for you. If you need to generate a bunch of static files, it might be worth building a short script that will do it for you. Don't overcomplicate.
Hope that helps.
Regarding my concern #1, I found only this as reference for all script objects that the psp browser supports as of their latest release.. I'm not sure if SCE would add more support for other objects in the future though
Anyhow here's the link
To answer your issue (not your question), have you thought about using http://www.biblegateway.com/ which can show verses in different Bible translations - instead of writing your code to try to do the same thing?
Granted, this only works if you are connected to the Internet.
I have recently downloaded an app I have been looking for, for quite some time. It basically spiders a website and shows references to dead links, pages etc:
http://home.snafu.de/tilman/xenulink.html.
I am finding this very useful for quality assurance of the websites we publish.
I was wondering if anyone uses a application that spiders a site like this, but also checks things such as missing ALT tags, accessbility issues and valid xHtml code.
Using the W3C validator is a good idea as well.
link text
If you want accessibility checking, the one that I know of is HiSoftware's Cynthia Says. There are some drawbacks - it only checks 1 page at a time (at least, I don't know of a way to check an entire site) and you can only check 1 page on a given site each minute.
However, HiSoftware does make commercially available tools for accessibility checking, with regards to 508 and Web Content Accessibility Guidelines. I've never used any of these tools, though.
Selenium IDE is an automation QA plugin for Firefox. It is easy to configure using a single HTML table to write rules.
For many things you are looking for I would check out https://www.screamingfrog.co.uk/seo-spider/ tool. There is a free version available as well if your website is not too deep.
For accessibility testing check out https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US Chrome Add-on.