Almost there
We're foxing your request.
Stay cool!
Something went wrong.
Please try again or contact us for support.
accidental ꩜ initiates ꩜ serendipitous
From the very beginning I wanted to animate out the search contender on mouse click. The plane was to animate the contender using CSS3 animation, but in the final version show/hide function created using JavaScript.
This is a view of the search contender in hiding state. Sketch one
Another test
One more test
Sketch of the search after a click - when visible
Combined image of the two stages of the search – hidden and visible.
A final version for now, of course I will continue to polish it.
Also…
I have implemented this search option for Web talk To. To be more precise OpenSearch implemented already in third design version of the Web Talk To website.
OpenSearch is a collection of simple formats for the sharing of search results.
The web is a big place, and search engines that crawl the surface of the web are picking up only a small fraction of the great content that is out there. Moreover, some of the richest and most interesting content cannot even be crawled and indexed by one search engine or navigated by one relevancy algorithm alone.
Different types of content require different types of search engines. The best search engine for a particular type of content is frequently the search engine written by the people that know the content the best.
OpenSearch helps search engines and search clients communicate by introducing a common set of formats to perform search requests and syndicate search results.
About how to add the OpenSearch to your website on David Walsh blog.