Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Ben the Bodyguard: Gorgeous HTML5 Website

benthebodyguard.com

Post reply on HN
Print view View original

71–80 of 104 posts

Re: Ben the Bodyguard: Gorgeous HTML5 Website

#71

Post by andymism »

mathias wrote: post #14

Calling it an “HTML5 website” is a bit of an overreaction IMHO. Other than the DOCTYPE, there’s not much “HTML5” to it. It’s just good old HTML, JavaScript and CSS, wrapped together in a document that happens to use the HTML5 DOCTYPE.

I'm also tired of seeing HTML5 this and that (as it's mostly grossly misused to mean 'highly dynamic'), but this
is actually how you declare an HTML5 doctype. They're also using the semantic HTML5 elements header and footer.

Reference: http://dev.w3.org/html5/spec/syntax.html#the-doctype http://ejohn.org/blog/html5-doctype/

Re: Ben the Bodyguard: Gorgeous HTML5 Website

#73

Post by etcet »

GavinB wrote: post #69
mortenjorck wrote: post #68

Earlier quoted context omitted.

Javascript's onscroll event is a wonderful tool. It's one of the best ways to leverage an extremely common and expected interaction pattern (scrolling down a web page) to do interesting and unexpected things. I used it to create a sort of paginated-persistent-bookmark navigation for my new portfolio site earlier this year (in profile, if you're curious).

Clickable: http://rclayton.net I think it's very elegantly done. Kudos.

is beautiful in firefox but it looks like this in my default chromium: http://imgur.com/NVP1i.png D:

Re: Ben the Bodyguard: Gorgeous HTML5 Website

#75

Post by Vivtek »

It took a long time to load and gave no indication that it was doing so, so when I realized I could scroll down, Ben wasn't actually there yet. I wondered why that guy was standing there talking on the phone.

Perplexed, I scrolled up a little and ... Ben was standing there, waiting for me. At which point the page became extremely cool. But I almost missed it.

Re: Ben the Bodyguard: Gorgeous HTML5 Website

#76

Post by ugh »

watty wrote: post #30
mathias wrote: post #14

Calling it an “HTML5 website” is a bit of an overreaction IMHO. Other than the DOCTYPE, there’s not much “HTML5” to it. It’s just good old HTML, JavaScript and CSS, wrapped together in a document that happens to use the HTML5 DOCTYPE.

It's really depressing seeing HN use HTML5 as incorrectly as my managers...

Sigh. It’s not incorrect. Language doesn’t work that way.

Re: Ben the Bodyguard: Gorgeous HTML5 Website

#77

Post by ugh »

jasonkester wrote: post #24

Might want to start it scrolling automatically, or otherwise do a better job of communicating that there's anything to see on the page. I got all the way back here thinking it was just a pretty splash screen, after trying for 30 seconds to click on things above the fold with no success. Only after reading comments did I go back to see if there was anything I had missed. I suspect a lot of people clicking through will…

There is an arrow that pops up, prompting you to scroll.

The long load times are the main problem. That arrow will pop up only after everything has loaded. That takes a few seconds (more than almost any other popular website) even with a fast connection. Oh, and scrolling at any point before everything is loaded will result in a broken experience (the speech bubbles might not appear or the street might be invisible).

They either need to find a way to make it load faster or they might want to actually prevent you from scrolling before everything is loaded. It’s not elegant, but it would at least prevent some confusion. (The good thing is that even if you don’t scroll the page works. Sort of. Well, it’s a bit cryptic but all the functionality is there.)

Re: Ben the Bodyguard: Gorgeous HTML5 Website

#79

Post by lwhi »

ugh wrote: post #76
watty wrote: post #30

Earlier quoted context omitted.

It's really depressing seeing HN use HTML5 as incorrectly as my managers...

Sigh. It’s not incorrect. Language doesn’t work that way.

Unfortunately, it does when language is used to denote specific technologies.
Post reply on HN