Filed under: Developer, Features, web 2.0, Web, Education
Okay, creating a what in what with what? Come again? Let me explain. gleeBox is an add-on for Firefox/Chrome that enables advanced keyboard navigation.
At its simplest form, when you fire up gleeBox it sits there and does nothing. Start typing a part of a link's text, and gleeBox automatically highlights links containing such text. You can then switch between these links quickly using the TAB key; once you get to the one you want, hit ENTER and off you go.
When you run gleeBox while viewing a Google search result page, it somehow knows to automatically highlight the links to search results right when you start it, no typing required; other links, such as to "Cached" or "Similar", are left alone. This is nice, because it saves you a lot of typing and tabbing and makes the page easier to read.
This is accomplished through functionality gleeBox creators dubbed "Visions". It's a fancy name for a neat feature: If a "vision" is configured for a specific page, jQuery runs it immediately when you open it. The vision uses something called a "jQuery selector" to let gleeBox highlight just the parts you want to highlight.
In this tutorial I will show you how to create such a vision. I will be using onelook.com as an example.
You can continue reading the tutorial after the fold. Don't be afraid, there's a screenshot for every step!
DLS Tutorial: using jQuery selectors in gleeBox to make cool "ESP Visions" (for beginners!) originally appeared on Download Squad on Sat, 15 May 2010 12:00:00 EST. Please see our terms for use of feeds.
Read | Permalink | Email this | Comments
No comments:
Post a Comment