background preloader


Facebook Twitter

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. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 13 excellent tutorials to get you on your way.

Building an Animated Cartoon Robot with jQuery Animate a hover with jQuery How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery CSS Sprites2 – It’s JavaScript Time Build An Incredible Login Form With jQuery Learning jQuery: Revealing Photo Slider Learning jQuery: Fading Menu – Replacing Content Using jQuery for Background Image Animations Animated Menus Using jQuery Create a Cool Animated Navigation with CSS and jQuery Animated Drop Down Menu with jQuery Related Posts. / Highlighting Rich Experiences on the Web.

Sliding Login Panel with jQuery 1.3.2. Sliding login panel with jQuery - Demo This script is based on my previous script "Show/Hide Login Panel with Mootools 1.2" but now works with jQuery 1.3.2 instead of Mootools 1.2.

Sliding Login Panel with jQuery 1.3.2

Click "Log In | Register" on top to open the demo. Download this script here » Please note the Login and Register forms in this demo will not work "out of the box" without a user login system pre-installed on your site (e.g. PHP/MySQL user login system)! This page is valid (X)HTML & CSS. What's new in this version? Panel has been redesigned to be "slicker". Known Bugs Rollover effect for the login button doesn't work in IE6 because of 24Ways' script. And now some Lorem Ipsum to fill the page Lorem ipsum dolor sit amet, consectetuer adipiscing elit. iPhone Toggle Switches // Elijah Miller. 05 Aug 2009 Way back in June, Thomas Reynolds released iPhone-style-checkboxes for jQuery, a progressive enhancement for checkboxes which makes them into the beautiful iPhone toggle switches.

iPhone Toggle Switches // Elijah Miller

I really like these switches on the iPhone so I went about finishing up his version for the Prototype framework. Of course, I couldn't help but add some new features along the way! Variable sizes The initial version supported changing the ON/OFF label text, but if you made the text longer than a few characters, it would be hidden under the handle. As a bonus, you can also specify that no automatic resizing should be done and do the control and handle sizing with CSS to make a group of controls uniform. Draggable They certainly looked like the iPhone switches, but they didn't feel like them. Sliding labels A quick check through the network graph revealed Matthijs Langenberg had devised a clever way to slide the labels along with the handle. iPhone compatibility Thanks. Web PHP Framework.

PHP: Hypertext Preprocessor. JsTree » Home. jQuery: The Write Less, Do More, JavaScript Library. DataTables (table plug-in for jQuery) SugarCRM Forums.