In this tutorial, we’re going to be building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code. Image scrollers are of course nothing new; versions of them come out all the time. Many of them however are user-initiated; meaning that in order for the currently displayed content to change, the visitor must click a button or perform some other action. This scroller will be different in that it will be completely autonomous and will begin scrolling once the page loads.
Create a Progress Bar With Javascript
Apr 9th in Javascript & AJAX, PHP by Dan WellmanThe Progress Bar is one of the latest components to be added to the excellent library of UI widgets and interaction helpers built on top of jQuery. It was introduced in the latest version of the library, which at the time of writing is 1.7.
Learn How to Style Articles for Print and Email
Apr 5th in Javascript & AJAX by Connor ZwickWhen designing websites, a commonly desired feature is the ability to dynamically print or email any section of a webpage. Unfortunately, this idea is usually scrapped later in the project due to a lack of time or knowledge. Formatting the text for printing is more difficult than it might initially seem. Today, we will use JavaScript to automatically search for certain page elements and format them correctly for a printing.
Build a Better Tooltip with jQuery Awesomeness
Apr 1st in Javascript & AJAX by Jon CazierBrowsers will automatically display a tooltip when you provide a title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I’m going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.
Building a Tag-Cloud Using the Google Web Toolkit
Mar 31st in Javascript & AJAX by Arman MirkazemiA while back, I read a tutorial by Dan Wellman, which described the steps required to produce a neat Tag-Cloud. Dan’s example largely relied on the jQuery framework to request data and construct the user interface elements. I decided to write his tutorial all over again with the two exceptions of using GWT instead of jQuery, and a different method of choosing font size variations.
Javascript and the DOM: Lesson 2
Mar 17th in Javascript & AJAX by James PadolseyHello and welcome back to the "JavaScript and the DOM" series. Last time we covered some JavaScript basics and we touched on various aspects of the Document Object Model, including how to access nodes and traverse through the DOM. Today we’ll be covering how to manipulate elements within the DOM and we’ll be discussing the browser event model.
What You Must Know About jQuery UI 1.7
Mar 6th in Javascript & AJAX by Jeffrey WayThis morning, the jQuery UI team announced that the latest version of the library, 1.7, is now available for download. Let’s take a look at some of the new features and enhancements; they’re quite substantial!
JavaScript and the DOM Series: Lesson 1
Feb 20th in Javascript & AJAX by James PadolseyHello and welcome to the first part of what will hopefully be an extensive series covering core aspects of the JavaScript programming language and the DOM API.
While frameworks such as jQuery, Prototype and MooTools are great ways of suppressing browser bugs and speeding up development, it’s important to know and understand the underlying technologies. This series intends to tell you what you need to know about JavaScript and the Document Object Model (DOM). Even if you swear by a particular library this will still benefit you - knowing how something works under the skin can only be a good thing!
Creating a “Filterable” Portfolio with jQuery
Feb 3rd in Javascript & AJAX by Trevor DavisIf you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.
Building a jQuery-Powered Tag-Cloud
Jan 29th in Javascript & AJAX by Dan WellmanA tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. There is also additional information contained in a tag-cloud. Aside from the actual links themselves, which give people an idea of the subjects that your site covers, they can also show how popular the different subjects are. Another great thing about tag-clouds is that they can be used to describe the frequency of anything; you can link to articles, blog posts, images, video, or anything else that you have in abundance on your site.
