Tutorials

Facebook Twitter

Lovable jQuery Widgets - jquery.wisdomplug.com.

Slide presentation

Jquery-feature. 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.

jQuery page scrolling

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. Welcome. Nate Armagost - Web Developer. As of the new version 2.1.0, zAccordion will not be tested in Internet Explorer 6 or Internet Explorer 7. zAccordion is supported in Internet Explorer 8 and the latest builds of Firefox, Chrome, and Safari.

Nate Armagost - Web Developer

Version 2.1.0 — September 26, 2012 Added a destroyComplete option that is available after the accordion is destroyed. Renamed afterBuild to buildComplete to align with naming conventions. Fixed a small display issue with list-items inheriting a text-indent property. Suppressed zAccordion specific errors. Lights Out – Dimming/Covering Background Content with jQuery. This is a quick and easy approach that tackles a pretty common technique.

Lights Out – Dimming/Covering Background Content with jQuery

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. How to Create an Awesome Scrolling Navigation using jQuery. Awesome Bubble Navigation with jQuery. 10 Fresh jQuery Plugins and Tutorials. The popularity of jQuery continues to grow.

10 Fresh jQuery Plugins and Tutorials

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. How to Create a Simple iTunes-like Slider. When space is at a premium, making use of sliders is the optimal way to present information.

How to Create a Simple iTunes-like Slider

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. Animate Panning Slideshow with jQuery. If there’s one thing that never seems to go out of style, it’s a good jQuery slideshow.

Animate Panning Slideshow with jQuery

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. Tutorials. jQuery Tutorials for Designers.

This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery.

jQuery Tutorials for Designers

In case you don't know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I'm not going to get into the details of the CSS. 13 Excellent jQuery Animation Techniques. Only a few years ago, if something was animated on a website it was automatically assumed to be Flash.

13 Excellent jQuery Animation Techniques

However, this is not the case today. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth animations.