KnowTeBook - Webworkers Daily Milk » jquery http://www.knowtebook.com A community blog about design, ideas, trends, wordpress & more. Tue, 27 Jul 2010 08:46:19 +0000 http://wordpress.org/?v=9 en Awesome Slideshow jQuery Plugin For Portfolios with SlideDeck http://www.knowtebook.com/awesome-slideshow-jquery-plugin-for-portfolios-with-slidedeck-1700.htm http://www.knowtebook.com/awesome-slideshow-jquery-plugin-for-portfolios-with-slidedeck-1700.htm#comments Wed, 10 Feb 2010 08:48:59 +0000 Knowtebook http://www.knowtebook.com/?p=1700 SlideDeck is a new way to display content on websites, mobile phones and kiosks. It delivers a better user experience by removing the information overload and providing a fun, quick and beautiful way to interact with digital devices.

slidedeckslide Awesome Slideshow jQuery Plugin For Portfolios with SlideDeck

Usage

  • Product Tours
  • Service Descriptions
  • Explaining Complex Processes
  • How-To Tutorials
  • Feature Rich Slide Shows
  • Landing Pages

SlideDeck is currently available as a customizable JavaScript Library. It takes only minutes to add to your website and is available as a plugin for jQuery 1.3+. See the usage documentation for more information.

Example with websites

slidedeckbasecamp Awesome Slideshow jQuery Plugin For Portfolios with SlideDeck

SlideDeck Lite is a limited version of the feature-rich SlideDeck Pro. It’s a great way to give SlideDeck a try and immediately improve the performance of your website.

]]> http://www.knowtebook.com/awesome-slideshow-jquery-plugin-for-portfolios-with-slidedeck-1700.htm/feed Nicer Sliding Boxes and Captions with jQuery http://www.knowtebook.com/nicer-sliding-boxes-and-captions-with-jquery-1638.htm http://www.knowtebook.com/nicer-sliding-boxes-and-captions-with-jquery-1638.htm#comments Thu, 02 Apr 2009 15:04:40 +0000 Knowtebook http://www.knowtebook.com/?p=1638 All of sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.

From this basic idea Zach Dunn plays around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect.

slidebreakdown Nicer Sliding Boxes and Captions with jQuery

captions-jquery Nicer Sliding Boxes and Captions with jQuery

]]> http://www.knowtebook.com/nicer-sliding-boxes-and-captions-with-jquery-1638.htm/feed Beautiful Image Captions with jQuery Captify Plugin http://www.knowtebook.com/beautiful-image-captions-with-jquery-captify-plugin-1624.htm http://www.knowtebook.com/beautiful-image-captions-with-jquery-captify-plugin-1624.htm#comments Sat, 07 Mar 2009 14:00:46 +0000 Knowtebook http://www.knowtebook.com/?p=1624 Captify is a plugin for jQuery written by Brian Reavis to display simple, pretty image captions that appear on rollover. It has been tested on Firefox, Chrome, Safari, and the wretched Internet Explorer. Captify was inspired by ImageCaptions, another jQuery plugin for displaying captions like these.

captify Beautiful Image Captions with jQuery Captify Plugin

]]> http://www.knowtebook.com/beautiful-image-captions-with-jquery-captify-plugin-1624.htm/feed Small and Accessible News Slider in JQuery http://www.knowtebook.com/small-and-accessible-news-slider-in-jquery-1592.htm http://www.knowtebook.com/small-and-accessible-news-slider-in-jquery-1592.htm#comments Sat, 24 Jan 2009 15:26:22 +0000 Knowtebook http://www.knowtebook.com/?p=1592 The JavaScript is only 2 KB packed. The CSS, XHTML and JavaScript were developed specifically to meet the WCAG 1.0, and this will always be the number one priority of the plugin. It is suggested that if you modify the source, you do so keeping this in mind.

Small and Accessible News Slider in JQuery

Why accessible? Because…

  • Users with color vision deficiency, or color blindness. The plugin does not use color as a primary indicator of a change in state for the slider. Instead, the “back” and “next” navigation is either visible or hidden. There is also an indicator that communicates the total number of news items.
  • Users with limited or poor vision, but who do not use a screen reader. If the user chooses to resize the text via the browser file menu, the slider will flex vertically to accommodate the larger text, and still function. This is primarily a function of the CSS, and it is suggested you maintain a variable font size in order to take advantage of this capability.
  • Users that are legally blind, and who browse Web pages with a screen reader
  • Users that browse with the keyboard and an adaptive device such as a mouth stick
  • Users who have turned off JavaScript or CSS
  • Users who have turned off images

It works in Windows:  IE 6+, FF 2+, Opera 9+, Safari 3+

]]> http://www.knowtebook.com/small-and-accessible-news-slider-in-jquery-1592.htm/feed Free Easy To Use Live Search For Your Website http://www.knowtebook.com/free-easy-to-use-live-search-for-your-website-1529.htm http://www.knowtebook.com/free-easy-to-use-live-search-for-your-website-1529.htm#comments Tue, 04 Nov 2008 09:00:50 +0000 Knowtebook http://www.knowtebook.com/?p=1529 The easiest way to have a fancy and useful live search on your blog! Just grab our code and place it anywhere on your site and you are good to go. The search works just like Google suggest and you have all the power to customize it the way you want.

sikbox-search Free Easy To Use Live Search For Your Website

Unbeatable Features

  • Easy to install and use
  • No programming required
  • Extremely fast and lightweight
  • Fully customizable via skins or CSS
  • Image search support
  • Free as in beer

More awesome tools?

If you have enjoyed this post you may want to take a look at other tools or want to subscribe to Knowtebook for free and get new tools at first.

]]> http://www.knowtebook.com/free-easy-to-use-live-search-for-your-website-1529.htm/feed jParallax enables 3rd View Dimension of Pictures http://www.knowtebook.com/jparallax-enables-3rd-view-dimension-of-pictures-1369.htm http://www.knowtebook.com/jparallax-enables-3rd-view-dimension-of-pictures-1369.htm#comments Wed, 10 Sep 2008 09:53:01 +0000 Knowtebook http://www.knowtebook.com/?p=1369 jParallax enables you to make really awesome 3D feeling picture effects by turning a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way. Check out the demo.

diagram_parallax jParallax enables 3rd View Dimension of Pictures

The diagram abovet illustrates what Parallax does to the html:

<ul id=“parallax”>
<li></li>
<li></li>
</ul>
]]> http://www.knowtebook.com/jparallax-enables-3rd-view-dimension-of-pictures-1369.htm/feed