With this article Dan will introduce you the power of the Universal CSS Transforms Library for jQuery that was recently released to open source by the DMXzone team.
HTML5 brings a whole host of new goodies to web design including the new local storage facility where data can be stored on the client where it is easily accessible. Cookies have been the only data storage mechanism on the client that the browser has access to for many years and although they have served us well in that time, they do have their limitations such as the constraints on their size and per-domain limitations. Now we no longer have to worry about these issues and can work with local storage instead.
Local storage has many benefits; in an application that requires frequent access to stored data, reading or writing the data from or to their own computer is always going to be much faster than by sending AJAX requests to the server. We also have access to a much greater size (the draft specification recommends an arbitrary size of 5 megabytes) so we aren’t constrained to the limit of just 4 kilobytes that a cookie allows.In this tutorial we’ll create a simple document editor, it could be part of your blogging system for example, which will automatically save what is entered into the editor using local storage. We’ll cover how local storage objects are created, and how data can be stored to and read from the storage object.
In this tutorial we’ll look at how to build a cool site-monitoring widget that allows you to monitor the status of multiple sites. If you maintain a large number of web sites checking that each one individually is up and running could be a time-consuming chore, but with this widget we can instantly see if any sites are down.
In the seventh and final part in the jQuery form enhancement tutorial Dan shows you how to add a flexible and robust theming mechanism that allows new themes for the form and its enhancements to be developed quickly and applied easily. In these examples Dan looks at how to add some cool new CSS3 styles to the form and the new features that have been added to it.
NOTE: This article was written in Jan. 2008 based on jQuery UI v1.0. This version (and two later than it) are no longer supported. It is recommended the reader find content that is based on the latest version of jQuery UI 1.7.
In this article, I`ll introduce jQuery UI Drag-and-Drop and show you how with just a few lines of code, you can make a richly interactive shopping cart that is functional and fun to use. To get right into it, I'm going to assume that you're at least familiar with jQuery (the base of jQuery UI). You should have a working (latest) copy of jQuery installed and be comfortable with the jQuery syntax and basic selectors.
In the penultimate part of this tutorial on changing the appearance and functionality of forms and traditional form elements Dan shows you how to create a simple but effective replacement for the humble select box, which in its original form is very difficult to style effectively. You'll see how easy it is to build an attractive and functional replacement that integrates with our other form features seamlessly.
In this part of the tutorial Dan shows how easy it is to provide attractive and usable replacements to the common form elements checkboxes and radio buttons while still ensuring that the underlying functionality provided by these form elements is maintained. Replacing checkboxes and radio buttons allows us to style these elements in way that is consistent with the rest of our site.
In this brief tutorial you will learn how to build "chained dropdowns" functionality using one of the tools from the Spry Data Utilities Toolkit - Spry Search Object.
"Chained dropdowns" is one of the terms that can be used to describe a hierarchy of two or more dropdown menus where making a selection from an upper level menu results in the change of options in the menus on the lower levels (causes a "chain reaction").
In part 4 Dan continues showing how easily new methods can be added to the form class which enhance the user experience of the form; in this you’ll see how easy it is to add contextual hints to each field of the form based on the semantic and accessible title attribute.
When user is registering a new account it is often important to check user name or email for uniqueness to make sure it hasn't been already registered.
In this short tutorial you will learn how to build this functionality in Dreamweaver using standard Recordset, Show Recordset is not Empty Server Behavior and Spry Server Action object from Spry Data Utilities Toolkit