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

Archive for the ‘Goodies’ Category

This is an open source 3D album component for Flex which is similar to the Cooliris‘s (formerly PicLens) attractive interface.

The component is inspired from the 3D album tutorial of Bartek Drozdz.

3D Flex Album

The download package includes examples besides the source code for easier developing.

  • Tags:
  • Filed under: BSD License, Gallery, Goodies
  • 0 Comments
  • 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.

  • Tags:
  • Filed under: Goodies, Media, Other License
  • 1 Comment
  • 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..

    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.

    Code-Sucks.com is presenting 90+ free CSS layouts that might be handy for creating websites faster.

    Layouts are grouped into two:

    Free CSS Layouts

    All layouts are validated against strict DocType & created as 1024*764px (they can be modified easily to fit your needs).

    Calendar is a MooTools class for creating adding unobtrusive & attractive date-pickers to your forms.

    This class allows you to configure the look & features of the date-pickers very easily.

    MooTools Calendar

    Some features of Calendar:

    • Style-able & semantic XHTML
    • Configurable inputs & selects
    • Several navigation options
    • Future / past calendar restrictions
    • Multi-calendar support
    • Multilingual
    Uptime Robot
    feed-holder
    FeedBurner