Hacker Newsnew | past | comments | ask | show | jobs | submitlogin
HTML5 presentation (apirocks.com)
316 points by r11t on April 17, 2010 | hide | past | favorite | 57 comments


Tried it in Chrome, and I'm hella impressed. Everybody else is busy hating on it, but I'd like to thank the developers for putting it together. That 20 minutes of playtime has taught me 10 times as much about what to expect (and why I should be excited) than all the discussions and blog posts I've seen so far.

So, while some things didn't work, I'm not going to harp or nag, as overall the presentation was excellent.


It was fantastic (on Chrome anyway). Incidentally that 'press arrow key for next page' feature is something I've wished all websites had for a long time - like to leaf through forum pages or article pages.


Opera has a "Next Page" feature that is usually able to do exactly what you ask on most sites/forums. Also, it's smart about it - if you're on a page that it's remembered a username/password for, if you go Next Page (either the mouse gesture or left/right mouse rocker gesture), it'll log you in automatically.


I realize that HN is a bastion of keyboard-worshippers, but it bugs the hell out of me that I can't click that arrow to progress.


Indeed; I clicked the arrow three times before realizing it referred to the right arrow key.


Good lord, I'm an idiot. I was about to close the browser until I saw your comment :)


Ahh... I clicked it a couple of times, hit enter then gave up.


Indeed you'd have thought that a site showing the future would at least be accessible on a touch screen....


"The purpose of the presentation is to show the coming bleeding edge features for modern desktop and mobile browsers."

Except for mobile browsers without a right arrow key.


It does say "Press" and not "Click"


the point was to make you click and then realize it's keyboard nav... i thought it was clever. If they made it clickable nobody would have noticed the keyboard nav.


Cool demo, but it's a bit odd to tout new, standard features, when you have a disclaimer that this is only intended to completely work in Google Chrome with experimental features enabled. Part of the excitement is that these features are being standardized, and aren't just one vendor wandering off and doing their own thing without consulting with anyone else.

What would be far more impressive would be a demo that worked seamlessly in Firefox, Safari, Chrome, Opera, and IE with Chrome Frame, with graceful degradation (or, preferably, progressive enhancement) for features which aren't implemented yet in IE without Chrome Frame (and the features that aren't yet fully supported cross-browser).


This is a demo of what's at the bleeding edge. To complain that it's not implemented across all browsers with graceful degradation is to be frank, silly.


Too bad that navigation model chosen does not allow to browse the presentation on iPhone/iPad. Many of those advanced features (session/local/web SQL DB storage, geolocation, CSS transforms/transitions/animations, offline web apps) are supported in Mobile Safari—in fact some appeared there first.


I don't have an arrow key on my phone, why not make it advance upon click?


I spent at least a minute looking for the "->" button.


This is extremely cool. I admit it scared me a little bit just how easy it was to do the geolocation. The web is about to change dramatically, again. :)


Does anyone know where GeoLocation gets the data? My IP is registered to a city 35 miles away, yet it's able to pinpoint where I am within a few meters?


«There are a few common ways to get location information. The most common are local WiFi networks, IP address information, and attached GPS devices. In Firefox 3.5 we use local WiFi networks and IP address information to try and guess your location.»

http://hacks.mozilla.org/2009/06/geolocation/


Uh, why only use webkit specific CSS attributes when there are mozilla ones as well.


It's a tech demo designed for Chrome — a pretty reasonable compromise given it's supposed to show what's coming up in browsers and requires Chrome be invoked with various command line flags to demo all the features.


Awesome. It doesn't work on the Droid, because of the arrow key requirement. I also think it is missing a position-in-presentation indicator, like a progressbar or a smaller zoomed out version along the bottom.


That was great!

though i didn't get the last comment about IE6. I tried loading the url in IE6 twice, and both times the browser crashed.


That's probably the point. It should work with Google's compatibility layer.


Which browsers are WebGL-enabled?

Chrome 5.0.342.9 (beta) does not seem to be.


I think you'll need to use the --enable-webgl command line switch to turn it on. I'm not sure that will work in anything besides the latest dev channel builds though.


The WebKit nightly builds are by default.

Chrome can be with a runtime flag.

FireFox has an about:config flag.


I didn't realize inline-block was considered html5 -- I had been using that for almost 2 years already.


yeah, i thought the same thing. it must have been an error on the part of the author.

here it is in the CSS2.1 spec -- http://www.w3.org/TR/CSS2/visuren.html#display-prop

it looks like it was introduced in CSS 2.1 because it is missing in CSS2 and CSS1: http://www.w3.org/TR/2008/REC-CSS2-20080411/visuren.html#dis... http://www.w3.org/TR/REC-CSS1/#display


The "Web 2.0 Logo Creatr" slide is both useful and hilarious.


The best HTML5 introduction I've seen so far. Very nice! This just gets me even more excited about the future of web apps.


I wonder if the author will write a tutorial on how he created this. Explaining the presentation elements (I mean).


Tried in FF and in Chrome and the browser "Back" key doesn't work, only <- and -> arrows do.

Is this expected of HTML5?


It's all a single page, so the browser's back button wouldn't come into play.


Not quite true. Each page has its own anchor, so making the back button work properly is pretty trivial. That's a big oversight in an otherwise awesome presentation.


Very nice. Not very FF friendly but still very nice. I am liking how the web will be in the coming future. Only need all browser vendors to get their act together and get standards compliant. Microsoft can be augmented with Chrome frame so the one hindering block can be ignored.


I tried searching within text and it works okay (in some cases it even moves to the appropriate "slide"). I managed to break things, however.

That said, I hope Adobe is scared as hell--and more importantly, that they get their act together... or else.


If Adobe get their act together, what would you expect them to do?


1. Get flash working on every mobile OS other than iPhone

2. Transition flash creationg tools to HTML5 creation tools

voila - relevance


I am most excited about the css; this will cut our development time in half! We aren't going to need images to have decent looking buttons anymore.


It looks like HTML is no more just Hyper-TEXT Markup Language.. It should perhaps be called Hyper Markup Language.


HTML5 was started by WHATWG which stands for Web Hypertext Applications Technology Working Group. A lot of work shown there is under umbrella of "Web Applications 1.0", see http://wiki.whatwg.org/wiki/FAQ#What_are_the_various_version...


It may end up, like SOAP, more name than acronym.


Doesn't work in opera. Alignment is screwed up.



lots of failures in FF


FF is quickly becoming an obsolete browser. iPhone uses Webkit, iPod Touch, iPad, every single Android phone (like the Nexus One and Droid), Chrome on Windows & Mac... every new Mac... the list goes on. I'm all for competition, but Webkit is clearly the champion here.


FF is hardly obsolete. The presentation used vendor-specific extensions (-webkit-) that are not part of the CSS3 spec, much less HTML5. Many of the features could have been implemented in FF had the author used -moz- alongside -webkit-.


That's nice and all, but Firefox is still one of the biggest browsers out there. It's not obsolete, and you can't ignore it if you value users. In fairness, not everyone values users.


Replace "Firefox" with "IE" and your arguments are even more persuasive.


The page crahsed Safari on my iPad.


Firefox support more stuff than Chrome, for example the FileAPI. http://demos.hacks.mozilla.org/openweb/FileAPI/


Nobody has said anything about it breaking the back button yet.


It doesn't. Back moves to the previous slide.

That doesn't seem like broken behavior to me.


It doesn't do anything for me in Srware Iron.


Does the amazing presentation go to 5 pages only ?? Rather a HUGE letdown, i'd say.


No, it's 46 slides long.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: