Currently Browsing: JavaScript Tutorials

DOMRelocator Helper for Responsive Design

This is a nice little snip I created when in a bunch with a client who needed a DOM part to be higher up in the source order at particular break points, but not higher up in the source order under other responsive break points. So, if in a bunch, if you can’t convince another developer or owner that the stacking rules would be a better approach, or if you just have no other choice. You can use this...

read more

Optimizing Window Resize and Mouse Move Events

Today, we will talk about the re-size and mouse move events. These two events indeed are very helpful, but can also be very costly on your site or web app. Let’s take a look at an example of re-size for say window. $(window).bind('resize', function(){ ... logic ... }); Standard Window Re-size Fired Counts If you resize your window right now, you will see how many times this event gets fired,...

read more

Using Google Earth Borders as Google Maps Polygons

Today we are going to cover how to extract the polygonal data from Google Earth’s country borders and encode the data into a JavaScript array that we can use in Google maps. With the combination of both polygon borders and Google style wizard you can get some stunning map results. [View Working Example Here] To begin, download and install Google earth here. Once you have installed Google earth, open...

read more

Efficient Event Targeting with jQuery

Today I would like to talk a bit about setting up events on DOM using jQuery and how one should try to avoid setting up huge numbers of unnecessary events on a single document.

read more

Combat Extreme – Facebook 3D Shooter

My little brother and I have been working on this third-person shooter video game together for well over a year now, come check it out and play for free through your web browser!

read more

Basic jQuery touchmove Event Setup

I was recently tasked with replicating a "mousemove()" event on the iPad using the "touchmove()" event. I ran into a few snags and felt it was worthy enough to document my findings. Here I will show you how to properly setup a touchmove() event and even find the touch's page coordinates.

read more

jQuery Selector Chain Conditions

There has been a few times while writing a few jQuery plugins that I come across conditions that almost does the same thing in both the if and else. I always wondered if their was a way to condense such a condition and help lower my file size, and after a little bit of tweaking I figured it out.

read more

Realtime Image Typesetting with PHP GD

Learn how to use both JavaScript Ajax and PHP GD (graphical library) to perform real-time image typesetting onto a image. We will also cover how to use custom text colors, sizes, rotation and even fonts in our example demo.

read more

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

« Previous Entries