Archives for 2009

Ultimate Fade-in slideshow (v2.0) is the new DynamicDrive’s slideslow script that incorporates some of the most requested features all rolled into one. A nice feature of this unobtrusive script is the fact that each instance of a fade is independent of the other, with support for different features selectively enabled for each slideslow.

Features include:

• Sleek fade in effect that has the current image fading over the previous one
• Display images either as automatic or manual slideslow (in the former mode, slideshow can be set to stop rotating after x cycles)
• Each slide can be optionally hyperlinked and can have an optional description associated with it
• Ability to show descriptions on demand (when the mouse rolls over the slide)
• Supports persistence of last viewed slide (the slideslow resumes from the last slide in case you need to reload the browser window)
• Pauses automatically onMouseOver

VanadiumJS is a free powerful easy customizable client-side validator that supports AJAX and regular server-side response results. This unobtrusive AJAX-enabled server-side technology agnostic JavaScript validation toolkit is very easy to install: you just have to include the vanadium js file after the dependency.

<head>
<script src="/js/jquery-latest.js" type="text/javascript"></script>
<script src="/js/vanadium.js" type="text/javascript"></script>
</head>

The validation rules are applied to the HTML form elements that have special markup classes (e.g. adding ‘:required’ to the elements’ classes).

Example 1
Password fields validation

<input id="pass" class=":required" type="password">
<input class=":same_as;pass" type="password">

Example 2
Delay the Vanadium reaction on user changes

<input class=":required :wait;500" type="text">

Features include:

• Unobtrusive
• AJAX-enabled
• Server-side Technology Agnostic
• Server-side Aware
• Support for declarative validation
  • Using json structure
  • Using inline markup
• Support for deferring validation (immediate validation of the element when its value has changed)

IxEdit is a JavaScript-based interaction tool useful for web developers that can practice DOM-scripting without coding to change, add, move or transform elements dynamically on web pages. IxEdit can be used to try various interactions rapidly in the prototyping phase.

The interactions you create using this entirely new type of design tool (which itself is made with JavaScript) will be applied on the fly to the web page, so you can edit them while checking how they behave in real time. This tool generates JavaScript code automatically from the parameters you specified. The generated code is designed to run with the famous international libraries JQuery and JQuery UI. Therefore, you should not worry about browser compatibility, since JQuery does it for you.

Another nice thing is the fact that interactions are saved to the database in your local environment (Client-Side Database Storage). This way the data won’t be lost even if you close or reload the browser.

To implement interactions on a web page, programming with JavaScript is needed. However, it is hard to manage JavaScript for many designers. Therefore, making well-designed web interactions is difficult in general. IxEdit solves this problem. If you have basic knowledge about HTML and CSS, you can create interactions as you like. JavaScript coding is no longer needed.