Currently Browsing: JavaScript Tutorials

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!

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.

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

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.

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!

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.

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.

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

Today we are going to take a step further down the path of JavaScript greatness. Last time we learned a whole bunch about the basics of JavaScript. We learned what a variable is, how we can store information into them and how we can use that information. We also learned how to make a function and pass variables to a function in two different ways. We even learned about if else conditions. Let’s take it...

So here we are, best of both worlds using JavaScript or rather W3C DOM Scripting and creating something very unique and elegant.

I have been developing web sites and internet applications for many years now and there are many things that have bug me about design approaches but the one that always and still sticks out is the lack of PNG 24 alpha transparency in IE’s rendering engine.

Today I wanted to write a quick demonstration of how to do a simple form validation. Here you will learn how to make sure that certain form fields are filled before any data is allowed to be sent off.