Currently Browsing: JavaScript Tutorials

All jQuery Google Hosted Repository Links

I find myself now and then on Google trying to hunt down jQuery and jQuery-UI repository links. Over time, I only felt it was necessary to compile everything into one place for other developers to quickly reference and gather their needed jQuery parts.

read more

jQuery zLayers Parallax Plugin

zLayer jQuery plugin allows you to orientate elements based off your mouses position from that element. zLayer is perfect for interactive illustrations, depth effects and rich user experience through creative methods. The best part about zLayer is how easy, lightweight, and quick the plugin is!

read more

jQuery Image Swapping with Fade Effect

Today we are going to cover how to properly change the source of a single image using jQuery with a fade transition effect. We will learn how to use our fade effect as a callback to hide our image swapping from our viewers.

read more

Javascript Mobile Orientation Detection

Today I wanted to share with you how to detect the orientation of a mobile device such as iPhone, iPad, Blackberry even the Android with JavaScript alone. Before we start we should talk about “Media Queries” for CSS3. CSS3 media queries allow you to change the layouts/look and feel of your site by means of screen side detection. The problem however with CSS3 media queries you can’t...

read more

A Faster More Flexible Way to Write jQuery CSS

Today we are going to learn how to cut down on using repeated values in your jQuery CSS styles. I will also show you why this method is not only faster but more flexible than the traditional jQuery CSS method.

read more

How to Build a jQuery Lava Lamp Menu

Here I am going to show you how to build "Lava Lam"p menu tabs. We will be using CSS / jQuery and a single image to maintain a 100% stretchy rounded corners menu tab or lava bubble if you will. This version of the Lava Lamp menu tabs works in IE6+ and all other browsers!

read more

How to build a jQuery lightbox!

Today I want to talk about everything lightbox! I want to not only show you how to build a lightbox with css and jQuery but also expose the road blocks solutions any normal developer runs when building a lightbox. I will also show you how to build the lightbox so that it works in IE6, IE7 and IE8 as well as all other major browsers.

read more

Drag 2 Share with CSS and jQuery

Makes sharing fun again! Here I am going to show you how I built my "Drag 2 Share" blog feature. We will be using CSS and jQuery. This effect will work in IE6, IE7 and IE8, FireFox, Safari and Google Chrome. I also included a zip of the project that you can study and expand upon.

read more

Learning The Basics of jQuery Faster Than Ever!

When ever someone is talking about jQuery the frist thing that should come to your mind is JavaScript, or rather client side (for the most part). jQuery was made so that you could “Write less, do more” in JavaScript as jQuery’s slogan says. To really understand jQuery you must think about what it is you need to know first:What is jQuery?When do I use jQuery?How do I use...

read more