Sebastian Deutsch has created a beautiful HTML5 demo which uses
<audio>, Canvas/Processing, and jQuery to display 100 recent tweets about HTML5 in a mesmerizing display.
Types of faucets
(top left): Compression faucet
(top right): Cartridge faucet
(bottom right): Ceramic-disk faucet
(bottom left): Ball-type faucet
Invoice Machine slideshow rocks
The “ticket stub” looking interface makes it hard to miss those arrows. Too many slide shows have hidden arrows until you hover on them, making it imparitive to mouse around to discover them. Bad form. Some implementations of the arrows show them outside of the image, making it an afterthought to the image in plain view. Others show them on top of the image, obstructing the view. But these guys split the uprights, showing the arrows on the edge of the image.
This implementation takes no time to realize it’s one image of a series. And the numbers (1, 2) in the bottom right corner are also a dead giveaway.
Don’t hide functionality, but keep it out of the way. Notice there is plenty of white-space around the widget and the frame. Good stuff, and well done Invoice Machine!
I just found this photo of a Facebook mind map I had to do for a creative advertising class I took a few years ago. Check out the old-school fb profile page I drew!