Connect With WRD
feed via e-mail
feed via e-mail

ProtoForm is a "very easy to implement’, lightweight (4kb) & unobtrusive form validation & Ajaxed submit solution that depends on Prototype.

It can validate:

  • e-mail
  • date
  • telephone number
  • URL

Prototype Form Validation

Parameters are mentioned within the attributes like:

<input type="text" id="name_Req" name="name" title="Required! Try again" />

This makes it very easy to implement (a negative point can be requirement to define the ids in a specific way).

ProtoForm also sends data and shows response with Ajax, highlights the form field on focus and on error.

jParallax is a jQuery plugin which enables you to create Parallax effects.

This effect simply moves layers in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts & create a depth.

jQuery Parallax

Info: If you’re new to parallax effects, check the demo to see it (Parallax in Wikipedia).

jParallax simply provides the necessary options for creating the animation like layer controlling, positioning & timing.

Info: This is a sponsored post.

FlashLoaded is giving away 3 3D Wall Pro licenses ($179.95/each) to WebResourcesDepot readers. Details of "how to winning the licenses’ can be found inside the post.

What is 3D Wall Pro?

3D Wall Pro is a Papervision3D powered, very good looking & interactive wall that can display:

  • Images
  • Youtube & streaming videos
  • SWF files
  • Flickr images

 3D Wall Pro

The wall can be set to be flat or at any curvature. It responds very well to mouse / scrolls & has a built-in preloader while switching from thumbnails to large images that makes the visuality flawless.

Overall 3D effect – the depth of field is very realistic & makes browsing the media a joy.

Media to be displayed is mentioned in a XML file so there is no need to republish the SWF again & again.

Application has 80+ configuration options (AS3 only) that helps you customize & make it unique.

3D Wall

 3D Wall Pro has some other features like:

  • Ability to display a customizable video icon on video
  • Customizable tooltips for each thumbnail
  • Customizable player buttons
  • Optional watermarks for large images that can be totally customized)

How to win the licenses?

Simply comment to this post with at least "I want the license" text besides any other comment.

Winners will be selected randomly from commenters 12 days later (8 September 2008 – Monday) with the SQL query below:

SELECT * FROM wp_comments WHERE comment_post_id=480 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 3

Good luck to all : ).

While creating a filebrowser for a project, I have tried several JavaScript tree menus and found this one the easiest to work with.

dTree is an easy to setup & use classic JavaScript tree menu.

With a XHTML 1.0 strict validated output, this tree menu supports unlimited number of levels and remembers the state between pages.

http://www.destroydrop.com/javascripts/tree/default.html

Other features of dTree:

  • Can be used with or without frames
  • Possible to have as many trees as you like on a page
  • All major browsers supported
  • Alternative images for each node

The items don’t need to be in an order within the code as you can re-order them. This is a functional feature when creating the menu from a database.

The script is well-documented and this example shows how flexible it is.

Opentape, inspired from Muxtape, is an open source application that enables you to create & host your own mixtape.

You can upload songs, reorder-rename them & customize the look with an Ajaxed admin panel.

Open Source Mixtape

The application has a nice-looking embeddable Flash mp3 player (JW Player) that makes it possible to play your music on any website.

Smart image resizer is a PHP script which makes it very easy to resize & crop images. And, this is done without touching the original image.

PHP Image Resizer

The width & height of the image to be resized is mentioned in the img tag like:

<img src="/image.php/coffee.jpg?width=200&height=200ℑ=//uploads/coffee.jpg" alt="Coffee" />

and image is resized via the GD library.

Newly created image is stored in a cache directory & won’t be re-created until new dimensions are mentioned to improve the system performance.

Cropping an image also warks the same way. Simply mention the crop ratio & that’s all.

Smart Image Resizer supports JPG, GIF & PNG images and requires PHP 5.1.0+ to run.

Custom Form Elements (CFE) is a JavaScript library for enhancing your form elements in means of design, usability & accessibility.

CFE aims to support all JavaScript frameworks (currently supports MooTools) & works in most A Grade browsers.

Custom Form Elements

Some features of Custom Form Elements:

  • unobstrusive
  • completely styleable via CSS
  • supports custom events like onHover-onClick
  • can auto-generate tooltips from "title" attributes
  • select all / deselect all functionality for checkboxes
  • & more..

dompdf is a HTML to PDF conversion / rendering engine written in PHP 5.

It downloads and reads external stylesheets, inline style tags, and the style attributes of individual HTML elements. It also supports most presentational HTML attributes.

HTML To PDF

It enables rendering via PDFlib or R&OS CPDF class which can be selected.

Some features of dompdf:

  • handles most CSS2.1 properties & selectors, including @import, @media & @page rules
  • supports most presentational HTML 4.0 attributes
  • supports external stylesheets, either on the local machine or through http/ftp (via fopen-wrappers)
  • supports complex tables, including row & column spans, separate & collapsed border models, individual cell styling, multi-page tables (no nested tables yet however)
  • image support (png, gif & jpeg)
  • link and anchor support
  • inline PHP support.

P.S. A security vulnerability exists with dompdf but also the solution can be foundfor it at the product page.

A while ago, Templates.com was running a slogan contest which was also announced at WebResourcesDepot.

The contest is over & they have selected the winners. Click her to see the results.

Templates.com Contest

And, free credit mentioned is loaded to the accounts of every participant who has an account. For using them, check Templates.com.

UniTip is an easy to implement & customize cross-browser tooltip script.

This tooltip script is also lightweight & accepts HTML to be displayed.

JavaScript Tooltips

UniTip uses transparent PNG’s for creating the tootip balloon. And, for better compatibility with IE6, Unit PNG fix is already included with the package.

The script does not rely on any JavaScript frameworks & can be applied to specific tags or classes.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com