Javascript jQuery Tutorials

jQuery Tutorials

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

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