This post was of course an April Fool's Day joke, check the post date ;) We can but dream of having a script like this one day. Oh and if you haven't checked out what the script does do, you really should, it's awesome.
At the beginning of the year, all seven of the HTML5 Doctors met up and started to discuss the problem of browser support within the realm of HTML5, CSS3 and all the sexy new APIs.
But we've gone one step further.
An über polyfill library if you will!
That's exactly what we've been working on for the last few months. Here today, we give you a new service from the HTML5 Doctors that will give your old and busted browser a kick up the backside and finally bring it up to scratch.
It goes without saying that this is a fairly mammoth task, so this is just the beta of the service, but we felt that it was in a good enough state to release to our loyal readers.
The Über Polyfill
So enough jibber-jabber, right? Let's get down and dirty with how to get using this library today.
That's it. By including this script in to a browser like, say IE6, it will have access to Web Storage, WebSockets, Web Forms and more.
We've also configured the service so that you can include just specific pieces of technology - so if you just want Web Forms, you would do:
And if you wanted to mix Web Forms with full CSS3 support:
And so on.
Currently the service supports the following specifications:
- All of CSS3 (including selectors)
- PostMessage and related messaging APIs
- Includes all the new HTML5 elements - article, section, etc
- Live connections via: XHR2, EventSource and WebSockets
- File API
- Offline support
- Offline events
- Loading web pages APIs, most importantly, the History API (ref)
- Storage API, including the events (which most browsers currently lack)
Obviously sexy HTML5 things like native video and audio are supported, and specifically, we've been able to ensure that all browsers support WebM (yep, even gave Safari a bit of kick to support WebM) that way you only need to encode your videos once (finally). There's lots more we're planning to do in the future to make developing for the web with HTML5 so much easier.
There's still a lot that can be done with this service, and we're already working on the next exciting feature will be the full DAP implementation - yes that does mean you'll be able to access your camera from an input element:
<input type="file" accept="image/*;capture=camera">
Pretty exciting stuff, eh? Let us know what you'd like to be included that isn't in this and we'll look at including it in the full release.
42 Responses on the article “How to get all the browsers playing ball”
OMG! WOW! AMAZING! ;-)
Oh Boy! I can’t wait to use the File API in IE6! So excuted!!
Too bad it doesn’t make coffee, though. :(
Haha nice one :D
Bwahahaha :D If only this were true. Great April fools guys :D
This is possibly the most ground breaking script of our time.
We’ve got it running on some internal servers and the results are incredible!
Once again you’ve excelled yourselves gentlemen!
First thought: Sweet.
Second thought: What’s today’s date?
Third thought: The source code of that js-file sure looks a bit special.
Not an April Fool’s joke: IE6 has a do-everything polyfill called “Chrome Frame”
Basically what Ludvig said.
I will add that i am very very sad about this.
Francesco, we’ve got a script that makes tea!: http://jwr.cc/x/9m
Reminder for self: Don’t trust other coders. xD
Nice first-letter over effect on the list ;)
Oh… that’s mean ;-)
NO – you got me… :( xD
Maybe it’s just because of the beta, but when hotlinking the script in a testsite (IE8, Windows XP) I get a ‘null is null or not an object’. Did I miss some implementation do’s or dont’s or is it because of the beta state.
Very nice idea by the way, this should make backwards compatibility a lot easier!
Haha… ran the js in Firebug… lmao
Damn, you totally got me! ;-)
!#$@%!!! You got me too!!
I’ve just lost a half hour trying to apply the script….
then I’ve started to read the comments…
Well done… :-p :-)
Talk about getting hopes dashed! Major browser comedown now ,I hate April Fools, so gullable me , very funny ;)
Bastard…you got me!
Don’t tell me it’s not true! =)
The joke is upon us all year long, with the state of browsers what they are. This is just a painful reminder.
Haha, nice one! Nearly had me there for a minute until you mentioned video/audio/WebM.
Looks like that horse has eaten too many sweets.
Great one, guys! Can’t believe you got me. :)
File API in IE6? Can’t explain that.
Awesome and thank you for making me shoot coffee out of my nose today. Rainbow-farting unicorns rule! :D
This is not a very funny joke. :-( You lifted my spirits and then dashed them to the ground. Mercilessly.
*facepalm* I was so excited… I feel like an idiot.
CSS3 rectangles breaking 960 grid layout on IE6 reported the bug!
OMG, I’m used to read this blog, but now I need to add a comment. Or not, there is nothing to add, it’s perfect!
Damn, you got me. I should’ve checked the publish date.
Out of interest, does the script do anything? I get an innerHTML of null error on Chrome…
That’s actually a little annoying. Yeah, I found it very bizarre that you claimed the script could add native video and WebM support. But apart from that, polyfills ARE a thing, you know. Worst of all is that adding the script to a page doesn’t do anything at all: No popup “April Fool’s!” message, nothing.
Real time waster.
Yeah, we spotted it doesn’t work when it’s included in the head element, but we really shouldn’t be including scripts in the head element anyway- should we?
Here’s a working example: http://jsbin.com/uneyu3 (and the source code: http://jsbin.com/uneyu3/edit)
In case you didn’t spot it – check out the feature list again, even try hovering over the list – there’s a clue in every first letter…
Nice. Very subtle too.
I still attach all my scripts to the <head>, I think it keeps things neater. I’m in the practice of wrapping everything in a ready event listener though. If it’s good enough for jQuery, it’s good enough for me!
More info here: http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_5/
Ah good point, thanks for the article link. Optimisations like this are of particular interest to me lately.
I’m not sure I understand the joke! When I add the script to my page, nothing happens. It says it’s a null value.
While I like the practical joke, I have to report that this does not work as intended since apparently, the css is not optimal. Too bad, but a nice idea.
Btw: are you planning to implement CSS4 artificial intelligent styling or the SVG2-HD vector video codec in future versions too? I’ve got IE 3 ready and waiting for that “fix”.
Totally agree with Mike Edward Moras anyways thanks for make a fool of me :D
Do we know when we can expect to see the DAP working?
Leave a Reply to Liam