tutorials

TwitterFacebook
Get flash to fully experience Pearltrees
http://www.queness.com/community-news/7290/lovable-jquery-widgets

Lovable jQuery Widgets - jquery.wisdomplug.com

Widgets are always fun. jquery helps craft cute and colorful plugins that come handy. I had stumbled upon various useful and attractive jQuery widgets. So here I am sharing a collection of colorful and handy jQuery widgets that range from sticky notes, galleries, text enhancers and much more.
slide presentation

jQuery page scrolling | Papermashup.com

http://papermashup.com/jquery-page-scrolling/ Over a year ago I wrote an article on scrolling a page using Prototype, just to update things here I’m going to run through scrolling a page using jQuery and the animate() function. Automated page scrolling is useful in many cases. A good example of this technique can be found in the personal project i worked on a few months back ‘We Deliver’ which you can find here . The page scroll in this project was particularly important as it’s a single page site in that all the content and animation happens within a single user experience. The Code It’s extremely easy to get started using jQuery scroll.
Are you expressing your mission, your ideas, your passion, your creativity adequately through your website? For most people, you ARE your website. If you want people to remember you, to get what you can offer, why not use our services to elaborate on your ideas and create a web presence that people will understand? http://pupunzi.com/#welcome.html

mb.ideas.repository - welcome

http://www.armagost.com/zaccordion/

Nate Armagost - Web Developer | zAccordion

As of the new version 2.0.0, zAccordion's options have changed. zAccordion was also rebuilt to follow jQuery's best practices in Plugin Authoring .
http://www.jankoatwarpspeed.com/examples/TurnOffTheLights/#

Turn off the lights - demo | JankoAtWarpSpeed

Some clips on YouTube have a cool feature called "Turn lights down". This is an example of how it can be implemented using jQuery. When you click on "Turn off the lights" link, shadow covers entire page, except the movie and the link (which changes to "Turn on the lights").
http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/ This is a quick and easy approach that tackles a pretty common technique. By the end of this tutorial you will be able to add pop up message boxes complete with dimmed background to your existing site. Feel free to take a look at the demo to scope out exactly what we’ll be creating here today.

Lights Out – Dimming/Covering Background Content with jQuery | Build Internet

I was looking over the .net award nominees this week and stumbled across the flipboard.com website. I loved the scrolling navigation so much I just had to open up visual studio and try and recreate it myself. Demo View Demo

thebeebs | How to Create an Awesome Scrolling Navigation using jQuery

http://blogs.msdn.com/b/thebeebs/archive/2010/11/10/how-to-create-an-awesome-scrolling-navigation-using-jquery.aspx
The popularity of jQuery continues to grow. This means that we’re seeing it used on more websites these days, and there are more developers coming up with new ways to use it. The great thing about that is many of these developers are sharing what they learn though tutorials and plugins. We’re always on the look out for this new jQuery stuff.

10 Fresh jQuery Plugins and Tutorials | Tutorials

http://webdesignledger.com/tutorials/10-fresh-jquery-plugins-and-tutorials
http://www.incg.nl/blog/2008/hover-block-jquery/example/animate_hover.html

Test

Hi there, i’m text. Kisses from Timothy van Sas. www.incg.nl Hi there, i’m another text.
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-simple-itunes-like-slider/

How to Create a Simple iTunes-like Slider | Nettuts+

When space is at a premium, making use of sliders is the optimal way to present information. Today, we’ll take a look at how to create a slider similar to the one used in the iTunes store. Developers often seek the functionality provided by sliders in order to fit lots of information in the space provided. But creating such a slider is not as difficult as you might think. With a little planning and some experimenting, you can create one rather quickly. Minimize DOM manipulation as much as possible.
If there’s one thing that never seems to go out of style, it’s a good jQuery slideshow. Highly visual websites rely on the ability to showcase imagery automatically. Whether it be a professional photographer or zoo, slideshows pop up so frequently because they work well. In today’s tutorial we’ll take the makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.

Animate Panning Slideshow with jQuery | Build Internet

First you need to download a copy of jQuery and insert it in your html page (preferably within the tag). Then you need to write functions to tell jQuery what to do. The diagram below explains the detail how jQuery work: How to get the element?

jQuery Tutorials for Designers