Javascript

jQuery

jquery logoThe effect is commonly known as an ‘accordion’ and it’s usually used to slide up, or down blocks of content to expose new blocks. The Apple web site is a great demonstration of this effect in action, where the mouse settles on the title of the ’section’ and the associated links are exposed. What makes this effect particularly cool, is that the drawers maintain a fixed height and slide between restricted area. This tutorial will walk through how to create your own simple plugin, and then replicate the Apple downloads drawers using the very excellent.

 demo Slide out and drawer effect        

Read more...

Personally, I am a huge fan of negative space in design. This got me thinking while I was trying to accomplish something different. Normally a textual caption would be positioned above a background, but I wanted to do it the other way around: place the background in the letters. I also wanted to add some nice dynamic effects to enhance the effect. This was amazingly easy to accomplish in jQuery with the use of a little creativity. This article will explain what you need to do create an effect like this yourself.

animate text background

Read more...

jquery logoHere is a massive tutorial I did on implementing AJAX techniques with JQuery. I cover all of the techniques that go into implementing a dynamic site using Asynchronous JavaScript and XML (AJAX). I also cover CSS styling with JQuery, event handling, animation, JQuery UI, Widgets and much more. I pretty much cover everything there is to know about JQuery.

Read more...

jquery logoTwitter has added a new feature a while ago that I believe a lot of twitter users have been waiting for - Image Attachment. Also, just 2 weeks ago, I wrote a tutorial called Create a Dead Simple Twitter Feed with jQuery, one of the readers (Jamie Graham) asked about twitter media entities, well honestly, when I was building the script for the tutorial, I did not paid attention on the JSON data returned, I just grab what I need. I sat down and did a little bit of research, and I believe it'd be something fun to do so I made a second part of the twitter feed with jQuery.

demo

Read more...

jquery logoHave you seen before that some of the website that having very cool effects, such as the whole page turned dark and only highlight the specific object when user mouse over that specific object? Are you wondering how the effect to be done?

demo

Read more...

In today’s tutorial we’ll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. The idea is to avoid that the user has to scroll the content area into place. We’ll also add some nice CSS3 transitions for the arrow to appear and to rotate when we click on an item. The accordion will be flexible, meaning that it will have a liquid width adjusting to the screen size.

Flexible Slide To Top Accordion

 

Read more...

Pretty Photo is a jQuery lightbox clone. Not only support images, it alse support for video, flash, youtube, iframes and ajax.

Pretty Photo jQuery

 

Read more...

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It's a very effective method to increase the web site usability and engage the user.

wow slider

 

Read more...

This is a jQuery plugin that creates a zoom and panning effect on an image. The plugin requires two image versions, one small preview and one larger for zoom and panning. This is a nice way to view details on an image.

jQuery Image Zoom and Panning Plugin

Read more...

Slide Out Navigation Revised

Fixed Navigation Tutorial

Read more...

Red Brown Drop Down Menu-Using jQuery and CSS

RedBrown Menu A Jquery animated drop down menu

Read more...

More Articles...

Page 1 of 7

Start
Prev
1