jQuery Slider Demo Tuts
Get flash to fully experience Pearltrees
The result: The code: The simplest use, and a good starting point for new users:
Mini Help System with jQuery In this tutorial, we are going to create a mini help system with jQuery. This will be a small widget which will display help text or a guide to your users. The content is going to be searchable in real time, and all matching terms will be highlighted.
Description A jQuery plugin from GSGD to give advanced easing options. Please note , the easing function names changed in version 1.2. Please also note , you shouldn't really be hotlinking the script from this site, if you're after a CDN version you could do worse than try cdnjs.com
The world’s most awesome jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market.
Published by Chris Coyier A little while back I did a tutorial on a Featured Content Slider . It was neat, but a little limited in customization possibility. The two most requested features were being able to add/remove "panels" and a stop/start button. I'm happy to say I was able to accommodate a bit with this new slider. It's not a plugin, so it's not as easy as it possibly could be, but it's much easier.
Published by Chris Coyier Just what the world needs, another jQuery slider. YAWN. I know, check this one out though, it's got lots of cool features. Here on CSS-Tricks, I've created a number of different sliders.
Published by Chris Coyier Originally published on July 21, 2008 as only a jQuery technique. Now updated to include CSS3 and a combo technique which is mo' betta. A garage door style menu is where an image (the "door") slides up to reveal something behind it. We'll do this in two ways, with CSS3, and with jQuery. Then we'll combine them into a progressive enhancement way to handle it.
Make the selected elements Accordion widgets. Semantic requirements: The markup of your accordion container needs pairs of headers and content panels:
In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over them. We will use the jQuery Easing Plugin for a even nicer effect. Ok, so let’s get started.
Making more and more appealing and interactive user interfaces have been one of the never ending competitions between web designers since html and browsers where in the mid nineties. The competition is there for a reason. The number of website on-line has experienced a nearly exponential growth and you need to stand out to be seen! Actually it is kind if scary if this trend is going to continue… Anyway most of you reading this post is probably agreeing that websites need to be special, look good and have features that is not found everywhere. I believe jQuery is the answer today just as Flash was 5 years ago. With simple steps and limited programmer skills jQuery will allow you to add goodies to your website you wouldn’t even allow yourself to dream about!
This works with any html (images, text, headings, flash). The only caveat is it doesn't currently work with AJAX. Whatever you want to zoom to must be html already on the page. Below are several examples. Width and height of zoom box are configurable through optional setting or css.
A really well designed user interface is one that goes unnoticed by the user, whereas a poorly designed user interface forces the user to pay attention to it instead of the content. Users come to ... read more If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It's a reall... read more