Contextual Slideout Tips With jQuery & CSS3
admin 
This is an interesting solution for showcasing the new features of products – using contextual slideout tips.
Knowing the importance of HTML standards, the development team is making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines.
The main idea is to create an easily configurable set of contextual slideouts. Each can be opened in one of four directions – bottom-right (default), bottom-left, top-left and top-right, and each can be in one of three colors – green (default), blue, and red.
To create a slideout element, you need to include a regular paragraph p tag to the page. This means that all the content is visible to search engines in a semantic way. The paragraphs are replaced with the markup for the slideouts by jQuery on page load, with the title, class and style attributes of the paragraph passed to the newly created element.
Go to the site to download the code and learn how to use it: http://tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/
Post comment
Sponsored by
Recent Posts
- 52 Excellent Single Page Sites Inspiring For Designers
- Very Simple & Tiny Lightboxing: Lightbox_me
- 10+ Free HTML5-CSS3 Website Templates
- Bizarre Websites On Which You Can Kill Time With Style
- 40 Beautiful E-Commerce Websites 2010
- gMap – google maps plugin for jquery
- Contextual Slideout Tips With jQuery & CSS3
- TipTip jQuery Plugin
- Showcase Of Beautiful Vertical Navigation Designs
- 45+ Fresh Wordpress Tutorials, Techniques and Hacks
Tag Cloud
Archives
- June 2010 (4)
- May 2010 (1)
- April 2010 (8)
- March 2010 (24)
- February 2010 (10)
- January 2010 (16)
- December 2009 (25)
Blogroll
