script

Contextual Help Bubble – Dictionary, Thesaurus, Wikipedia, Amazon, Google Translate, Clip2Send

Dead simple, handy tool for adding contextual help to any web page or entire site. It is installed on this blog — so go ahead and select something with your mouse.

Then you can choose to look up the word(s) on the dictionary, thesaurus, wikipedia, or amazon. Or you can translate it, clip 2 send it, or Google it.

Install on any webpage or blog by way of 1 line of code:

<script src=”http://64.202.162.213/bubble/bubble.js“></script>

Select any text, contextual bubble appears, click Wikipedia to get more information about the selected text

contextual bubble wikipedia 1 Contextual Help Bubble   Dictionary, Thesaurus, Wikipedia, Amazon, Google Translate, Clip2Sendcontextual bubble wikipedia 2 Contextual Help Bubble   Dictionary, Thesaurus, Wikipedia, Amazon, Google Translate, Clip2Send

When more than 5 words are selected, other options are grayed out and clip2send is the link to click to send the selected part of the page via email. Type in the email address; the subject line is autofilled, but editable; the source URL is automatically cited.

contextual bubble clip2send 1 Contextual Help Bubble   Dictionary, Thesaurus, Wikipedia, Amazon, Google Translate, Clip2Sendcontextual bubble clip2send 2 Contextual Help Bubble   Dictionary, Thesaurus, Wikipedia, Amazon, Google Translate, Clip2Send

Select text, contextual bubble appears, click Amazon link to bring up results on Amazon.  For example if you select the words Samsung LED HDTV and then use the contextual bubble to choose Amazon, it will bring you to the page and execute the search for you using the words you selected.

contextual bubble amazon 1 Contextual Help Bubble   Dictionary, Thesaurus, Wikipedia, Amazon, Google Translate, Clip2Sendcontextual bubble amazon 2 Contextual Help Bubble   Dictionary, Thesaurus, Wikipedia, Amazon, Google Translate, Clip2Send

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Sunday, August 23rd, 2009 digital No Comments

Design Principles for the modern digital world

Don’t design 2 or 3 websites. Design one, but make sure it is accessible by whatever medium or device the user chooses to use to access it.

You can start with a site that has:
1) javascript and AJAX
2) no script version
3) mobile version

When you design for mobile, think of what tidbit of information the user is really after. For example, Google Mobile is smart enough to return “27 – 17 with 3:14 left in the game” when I type a search for “dallas cowboys’ score.” Versus Google which returns a list of website search results when I access it via a browser on a broadband connection. Google detects what device I am using when I am searching and returns the exact thing that I was looking for based on the device and channel I am using.

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Saturday, July 4th, 2009 Uncategorized No Comments