6 ms·

Snappy HTML5 demonstration

85 points by adrianwaj 17y ago

jeffyg 17y ago
What set of books or resources would you recommend as a good introduction to this trifecta of technologies? (HTML5/CSS/Javascript)
- bd 17y ago
  Mark Pilgrim's "Dive into HTML5" book draft: http://diveintohtml5.org/ http://diveintohtml5.org/ ppk on JavaScript: http://www.quirksmode.org/js/contents.html http://www.quirksmode.org/js/contents.html Mozilla's documentation: https://developer.mozilla.org/en/HTML/HTML5 https://developer.mozilla.org/en/HTML/HTML5 CSS3 Preview: http://www.css3.info/preview/ http://www.css3.info/preview/ HTML5 draft specification: http://www.whatwg.org/specs/web-apps/current-work/multipage/ http://www.whatwg.org/specs/web-apps/current-work/multipage/
  - jeffyg 17y ago
    Much obliged; thank you!
- olalonde 17y ago
  There's http://diveintohtml5.org http://diveintohtml5.org which I don`t believe is 100% completed yet. I guess it's still too early for a comprehensive book - HTML5 is still in draft mode.
  - lanstein 17y ago
    Didn't stop people from writing PHP6 books ;)
DLWormwood 17y ago
Darn, it crashes Safari on my iPad. Ironic given that the iDevices are the ones providing onus to developers to use HTML5 in the first place. /-:
- eelco 17y ago
  Works pretty well on my iPhone though. It totally breaks the back button, but I love that I can swipe left and right to navigate.
  - sjs 17y ago
    Try rotating. That reliably crashed Safari on iPhone and iPad for me. If it hadn't crashed for some other reason. When it didn't crash it did strange things like display things from later slides on the first slide when it was loading. Hopefully some geeks at Apple have seen this and are already fixing bugs that it uncovers.
  - audionerd 17y ago
    Wow, really? I didn't realize you could swipe in this presentation. Looks like this was all it took to implement? var addTouchListeners = function() { document.addEventListener('touchstart', function(e) { touchStartX = e.touches[0].pageX; }, false); document.addEventListener('touchend', function(e) { var pixelsMoved = touchStartX - e.changedTouches[0].pageX; var SWIPE_SIZE = 150; if (pixelsMoved > SWIPE_SIZE) { nextSlide(); } else if (pixelsMoved < -SWIPE_SIZE) { prevSlide(); } }, false); };
jacoblyles 17y ago
Breaks the back button.
olalonde 17y ago
Was posted on HN a few weeks ago... still upvoted because it's great :)
tzury 17y ago
duplicate of http://news.ycombinator.com/item?id=1272481 http://news.ycombinator.com/item?id=1272481
47 17y ago
This is slow as hell. I do not understand why people think HTML5 can replace Flash. Flash is big and bloated but still perform better than HTML5 in all the so called demos i have seen.
- koanarc 17y ago
  Wasn't that slow for me on my netbook, but doesn't have any scrollbars, which meant I couldn't see a large part of the bottom @1024x600.
- mattmiller 17y ago
  Give it time. And it is not suppose to replace flash, just greatly reduce its scope.
- eavc 17y ago
  I was using Chrome and found it surprisingly speedy. At the end, I was able to whisk from slide to slide faster than I generally can do anything on my computer.
- sketerpot 17y ago
  What browser are you using? I've tested it on Safari/OSX and Chrome/Windows, and it was perfectly fast and responsive, even on a three-year-old budget laptop.
eplanit 17y ago
In other words, a Snappy Chrome Demo: (from the disclaimer) The presentation was originally meant to run in Google Chrome. Some experimental features might or might not be coded to run in other browsers for now.
nate 17y ago
Worked well on Safari. But this was funny: "Chrome Frame Minimal effort for bringing IE6, 7 and 8 up to the latest HTML5 technologies" I loaded it up in IE8 and chose not to use the chrome frame. The presentation returned a javascript error and nothing at all to read. Just a blank page now in IE 8. This stuff is awesome, but what sucks is I fear that it's going to be way too hard to convince people to install something called a chrome frame to view the stuff they want. Although it was once that way with Flash, so maybe history will repeat.
duairc 17y ago
This consistently crashes Epiphany.
crocowhile 17y ago
how the hell can they find my exact location?
- jodrellblank 17y ago
  How exact are we talking? IP Geolocation has been around a long time, but isn't very exact. Are you an Opera user? They have links with the Skyhook WiFi access point databases to locate people (like the iPhone 2G does) - http://www.opera.com/press/releases/2009/03/26_2/ http://www.opera.com/press/releases/2009/03/26_2/
  - crocowhile 17y ago
    The block were I live! I am on a netbook (wiki) with chrome, no GPS.
  - crocowhile 17y ago
    Alright, I figured it out. They go through the data collected by google through the street view car: http://googlesystem.blogspot.com/2010/04/how-google-collects-wifi-data.html http://googlesystem.blogspot.com/2010/04/how-google-collects... That's the only way they can know the coordinates of were I live since it's a residential area and the only wifi I see are mine and the two from the neighbors.

85 points by adrianwaj 17y ago

What set of books or resources would you recommend as a good introduction to this trifecta of technologies? (HTML5/CSS/Javascript)

bd 17y ago
Mark Pilgrim's "Dive into HTML5" book draft: http://diveintohtml5.org/ http://diveintohtml5.org/ ppk on JavaScript: http://www.quirksmode.org/js/contents.html http://www.quirksmode.org/js/contents.html Mozilla's documentation: https://developer.mozilla.org/en/HTML/HTML5 https://developer.mozilla.org/en/HTML/HTML5 CSS3 Preview: http://www.css3.info/preview/ http://www.css3.info/preview/ HTML5 draft specification: http://www.whatwg.org/specs/web-apps/current-work/multipage/ http://www.whatwg.org/specs/web-apps/current-work/multipage/
- jeffyg 17y ago
  Much obliged; thank you!
olalonde 17y ago
There's http://diveintohtml5.org http://diveintohtml5.org which I don`t believe is 100% completed yet. I guess it's still too early for a comprehensive book - HTML5 is still in draft mode.
- lanstein 17y ago
  Didn't stop people from writing PHP6 books ;)

DLWormwood 17y ago

Darn, it crashes Safari on my iPad. Ironic given that the iDevices are the ones providing onus to developers to use HTML5 in the first place. /-:

eelco 17y ago
Works pretty well on my iPhone though. It totally breaks the back button, but I love that I can swipe left and right to navigate.
- sjs 17y ago
  Try rotating. That reliably crashed Safari on iPhone and iPad for me. If it hadn't crashed for some other reason. When it didn't crash it did strange things like display things from later slides on the first slide when it was loading. Hopefully some geeks at Apple have seen this and are already fixing bugs that it uncovers.
- audionerd 17y ago
  Wow, really? I didn't realize you could swipe in this presentation. Looks like this was all it took to implement? var addTouchListeners = function() { document.addEventListener('touchstart', function(e) { touchStartX = e.touches[0].pageX; }, false); document.addEventListener('touchend', function(e) { var pixelsMoved = touchStartX - e.changedTouches[0].pageX; var SWIPE_SIZE = 150; if (pixelsMoved > SWIPE_SIZE) { nextSlide(); } else if (pixelsMoved < -SWIPE_SIZE) { prevSlide(); } }, false); };

jacoblyles 17y ago

Breaks the back button.

olalonde 17y ago

Was posted on HN a few weeks ago... still upvoted because it's great :)

tzury 17y ago

duplicate of http://news.ycombinator.com/item?id=1272481 http://news.ycombinator.com/item?id=1272481

47 17y ago

This is slow as hell. I do not understand why people think HTML5 can replace Flash. Flash is big and bloated but still perform better than HTML5 in all the so called demos i have seen.

koanarc 17y ago
Wasn't that slow for me on my netbook, but doesn't have any scrollbars, which meant I couldn't see a large part of the bottom @1024x600.
mattmiller 17y ago
Give it time. And it is not suppose to replace flash, just greatly reduce its scope.
eavc 17y ago
I was using Chrome and found it surprisingly speedy. At the end, I was able to whisk from slide to slide faster than I generally can do anything on my computer.
sketerpot 17y ago
What browser are you using? I've tested it on Safari/OSX and Chrome/Windows, and it was perfectly fast and responsive, even on a three-year-old budget laptop.

eplanit 17y ago

In other words, a Snappy Chrome Demo: (from the disclaimer) The presentation was originally meant to run in Google Chrome. Some experimental features might or might not be coded to run in other browsers for now.

nate 17y ago

Worked well on Safari. But this was funny: "Chrome Frame Minimal effort for bringing IE6, 7 and 8 up to the latest HTML5 technologies" I loaded it up in IE8 and chose not to use the chrome frame. The presentation returned a javascript error and nothing at all to read. Just a blank page now in IE 8. This stuff is awesome, but what sucks is I fear that it's going to be way too hard to convince people to install something called a chrome frame to view the stuff they want. Although it was once that way with Flash, so maybe history will repeat.

duairc 17y ago

This consistently crashes Epiphany.

crocowhile 17y ago

how the hell can they find my exact location?

jodrellblank 17y ago
How exact are we talking? IP Geolocation has been around a long time, but isn't very exact. Are you an Opera user? They have links with the Skyhook WiFi access point databases to locate people (like the iPhone 2G does) - http://www.opera.com/press/releases/2009/03/26_2/ http://www.opera.com/press/releases/2009/03/26_2/
- crocowhile 17y ago
  The block were I live! I am on a netbook (wiki) with chrome, no GPS.
- crocowhile 17y ago
  Alright, I figured it out. They go through the data collected by google through the street view car: http://googlesystem.blogspot.com/2010/04/how-google-collects-wifi-data.html http://googlesystem.blogspot.com/2010/04/how-google-collects... That's the only way they can know the coordinates of were I live since it's a residential area and the only wifi I see are mine and the two from the neighbors.