Currently Browsing: JavaScript Tutorials

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 manipulate the DOM...

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 jQuery?What is...

read more

Learning Intermediate JavaScript Faster Than Ever!

“I feel I have painted my self into a corner with these tutorial titles for the simple fact that one persons advance is another persons child’s play. Who is to say whats intermediate and whats really advanced? No one is, and that’s my point.” “In no way am I saying this is as intermediate or advanced as JavaScript gets! I would also like to point out that this may very well not be what you would...

read more

« Previous Entries Next Entries »