Turn-By-Turn Directions with the Google Maps API

Turn-By-Turn Directions with the Google Maps API

Jun 30th in Javascript & AJAX by Noah Hendrix
34

In this tutorial, we will go through the process of creating a small widget that allows users to retrieve turn-by-turn directions to a specified location. We’ll be using the Google Maps API, via JavaScript, to provide this rather advanced functionality.

Continue Reading

Recreating the MobileMe Web Gallery Interface

Jun 26th in Javascript & AJAX by Devon Govett
58

In 2007, Apple updated .Mac (now MobileMe), and introduced the “Web Gallery” feature - a photo sharing service that integrates with iPhoto. Web Gallery offers a beautiful interface, but the layout is done entirely with JavaScript. In this tutorial, we will attempt to recreate the Web Gallery interface using only CSS and a small amount of jQuery.

Continue Reading

10 Ways to Instantly Increase Your jQuery Performance

10 Ways to Instantly Increase Your jQuery Performance

Jun 23rd in Javascript & AJAX by Giulio Bai
89

This article will present ten easy steps that will instantly improve your script’s performance. Don’t worry; there isn’t anything too difficult here. Everyone can apply these methods! When you’re finished reading, please let us know your speed tips.

Continue Reading

jQuery OS X Style Dock and Stack Navigation

“Outside the Box” Navigation with jQuery

Jun 22nd in Javascript & AJAX by Jarel Remick
71

Just about every website uses the regular navigation concepts we’re all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn’t new, it’s certainly not common.

Continue Reading

Build a Web 2.0 Document Search Site

Jun 17th in Javascript & AJAX by Ji Guofei
33

In this article, we will create a document searching site with jQuery. This site will be used to search documents by specifying an extension (file type). The data is then filtered and sent to Google. We’ll learn many jQuery tips and skills through the process. A gray box plugin called “ColorBox”, and a toolTip plugin called “SimpleTip” will also be introduced in this article. Let’s get started.

Continue Reading

24 JavaScript Best Practices for Beginners

24 JavaScript Best Practices for Beginners

Jun 16th in Javascript & AJAX by Jeffrey Way
152

As a follow-up to “30 HTML and CSS Best Practices”, this week, we’ll review JavaScript! Once you’ve reviewed the list, be sure to let us know what little tips you’ve come across!

Continue Reading

Using jQuery To Manipulate and Filter Data

Using jQuery To Manipulate and Filter Data

Jun 10th in Javascript & AJAX by Noah Hendrix
53

When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner. In this article, I will go over four techniques: hover effects, zebra rows, filtering, and sorting.

Continue Reading

Fun With Canvas: Create a jQuery Graph Plugin

Fun With Canvas: Create a jQuery Graph Plugin

Jun 5th in Javascript & AJAX by Siddharth
34

Combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin. In this first part, we are going to code the core logic of the plugin as a standalone version.

Continue Reading

Create a Fun Tweet Counter With jQuery

Create a Fun Tweet Counter With jQuery

May 19th in Javascript & AJAX by Titus Stone
46

In this tutorial, we will look at using jQuery to call Twitter’s API and then use the results to create a widget for a blog or personal website that shows what hours during the day we tweet at the most.

Continue Reading

Tabbed slideshow that works with and without JavaScript (jQuery)

Build an Auto-Scrolling Slideshow That Works With and Without JavaScript

May 12th in Javascript & AJAX by Jenna Smith
119

Create a jQuery slideshow that enables you to click through each slide when JavaScript is disabled, without having to display all slides one under the other.

Continue Reading

Page 1 of 512345»