I have a question why did the website creator only use pngs?
I mean you could have used svgs and a js library like raphael to use svg instead to decrease the load times, etc..
Ben the Bodyguard: Gorgeous HTML5 Website
81–90 of 104 posts
Re: Ben the Bodyguard: Gorgeous HTML5 Website
#82Calling 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.
Speaking of DOCTYPE, it seems there is no DOCTYPE on HN.
And somehow it works anyway. It's almost like nobody actually thinks HTML is SGML anymore...
Re: Ben the Bodyguard: Gorgeous HTML5 Website
#83How many Frenchmen do you know named Ben?
The name is Benoit.
Re: Ben the Bodyguard: Gorgeous HTML5 Website
#84Neat site, but I'm mostly curious how they implemented any sort of security software for iOS. I didn't think iOS provided APIs for doing anything interesting in that respect.
"Protecting your passwords, photos, contacts and other sensitive stuff on your iPhone® or iPod touch®"
Re: Ben the Bodyguard: Gorgeous HTML5 Website
#85In case anyone's not familiar with Javascript/HTML/CSS and is curious how this works, it's actually pretty simple and elegant. Ben is just an image positioned in the centre of the screen using a CSS property called "position: fixed", which means he doesn't move even when the content scrolls. The walking animations are created using a technique called CSS sprites, where instead of having multiple images, you just crea…
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).
This website http://www.hellokeepa.com is also doing some interesting things with what looks to be the onscroll event, the page continuously wraps around. Also notice how you can drag the page left and right.
Re: Ben the Bodyguard: Gorgeous HTML5 Website
#86Is "Bonsoir" a joke?
Re: Ben the Bodyguard: Gorgeous HTML5 Website
#87Earlier quoted context omitted.
Sigh. It’s not incorrect. Language doesn’t work that way.
Unfortunately, it does when language is used to denote specific technologies.
No, it doe not, even then. It’s unfortunately not that simple. HTML5 has acquired new meaning, its definition has changed.
Re: Ben the Bodyguard: Gorgeous HTML5 Website
#88Earlier 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.
Very unusable in mobiles too
Re: Ben the Bodyguard: Gorgeous HTML5 Website
#89I really like this, I'm not usually one to go for flashy looking websites but it communicates the idea very effectively in what is clearly a unique manner.
Re: Ben the Bodyguard: Gorgeous HTML5 Website
#90Earlier 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.
Yeah, Chrome doesn't like this site. Which is a shame - when I opened it in Firefox I was impressed, but if I had not been prompted to check it out by the comments on this thread I would have moved on...