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

Archive for the ‘Goodies’ Category

Flickrshow is a lightweight, cross-browser JavaScript code that enables you the display your Flickr images as a good looking Ajaxed slideshow.

Ajax Flickr Slideshow

The script is very easy to install & can be set to show images within Flickr groups, photosets or tag based images.

Flickrshow has a cache system that enables the presentation of images faster. And, presentation can be managed with a play/pause button.

Also, you can easily modify the theme completely via CSS.

P.S. The application requires Prototype & a small part of Scriptaculous library.

CSS Menu Builder is an online menu builder which enables you to create 30+ horizontal, 700+ vertical & breadcrumb menus (without the unlimited color combinations).

CSS Menu Builder

With an Ajaxed & simple to use interface, menus can be created on the fly and HTML, CSS & necessary image files can be downloaded easily (or a complete ZIP file can be downloaded).

Galleria is an image gallery jQuery plugin.

It loads the images one by one from an unordered list and can present them:

  • scaled
  • unscaled
  • centered
  • cropped inside a fixed thumbnail box

 jQuery Image Gallery

The beauty of Galleria is behind the ease of creating a gallery. Simply create an unordered list, add some images and it will create a chic gallery.

Another nice feature is the support of browser history. You can use your browser’s back & forward buttons

Other features of this jQuery image gallery:

  • Unobtrusive javascript
  • Lightweight (4k packed)
  • Displays the thumbnail when the actual image is loaded
  • CSS powered – create your own gallery style
  • Super fast image browsing since the images are preloaded one at a time in the background
  • Stylable caption from image or anchor title
  • jQuery plugin – takes one line to implement
  • Can fire events so you can customize the images behaviour onLoad

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..
    Uptime Robot
    feed-holder
    FeedBurner