Less is more.
Especially when you are easily distracted (which is very easy on modern websites anyway).
To Help focusing on the actual content this Hack idea was born.
As you can see in the Screenshot above the Hack recognizes the active Block Element and overlays everything else with 80% black (configurable). By default the first Block element of the Page gets Highlighted.
There are 3 ways to navigate:
- Use the Tab key to jump from Link to Link and the Highlight Box will follow
- Use the Arrow Keys to jump from one Block element to the next (Arrow right) or back (Arrow left). By using the Arrow up and Down Keys the Highlight can also be expanded or reduced
- When the Mouse is being moved the Highlight follows and automatically snaps to the Block Element underneath
This is still work in Progress but there will be a beta version soon.
Check back here or on my Blog for updates
Comments (3)
Christian Heilmann said
at 8:49 am on Sep 25, 2008
There's a jQuery plugin that does almost what you need, all it needs is the section navigation: http://enhance.qd-creative.co.uk/demo/seekAttention/
Thomas Hooper said
at 3:09 pm on Mar 3, 2009
This browser bookmarklet has just been released that strips a page back to it's main content and applies a nicer style.
http://vimeo.com/3445774
http://lab.arc90.com/experiments/readability/
Rob Crowther said
at 12:49 pm on Feb 6, 2010
I wonder if the proposed HTML5 Fullscreen API could be used for something similar? See discussion at:
http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-January/024872.html
You don't have permission to comment on this page.