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

Archive for the ‘Goodies’ Category

dfGallery 2.0, the new version of the popular free Flash image gallery, is totally updated & offers a beautiful experience.

The gallery application has lots of features but still easy to use & have a slick look.

dfGallery - Free Flash Gallery

The gallery has integration support with Flickr & Picasa. It can get all Flickr albums under a user with the API key or any Picasa albums via the URL of the album.

dfGallery 2 can display multiple albums that can be switched via the interface. Images can be manually browsed or as a slideshow.

You have the full control over the gallery with an Ajaxed admin panel that supports multiple uploads & built on CodeIgniter.

Other features

  • Theming support (change the layout and the presentation of the gallery)
  • Skinning support
  • Customizable background music
  • Fullscreen feature

Click here for a demo of the gallery.

Pop! is a simple but effective jQuery plugin for creating dropdown menus.

It enables you to store any content in a container & shows/hides it with the clicks.

jQuery Simple Dropdown Menu

How to use it?

  • Insert the jquery.pop.js file into your webpage (make sure jQuery is inserted too)
  • Initialize it:

 <script type='text/javascript'>
   $(document).ready(function(){
     $.pop();
   });
</script>

  • Using the preferred pop! class, wrap the content:

<div class="pop">
   any content to display
</div>

That’s it.

JankoAtWarpSpeed is presenting a nice tutorial with source files on creating a beautiful menu similar to Vimeo‘s top menu.

The menu is very functional that, within a limited space, a user can browse the website or search it in detail.

Vimeo-Like Menu

I really like the top navigation implemented on Vimeo.com. First time I saw it I wanted to recreate it.

says JankoAtWarpSpeed. And it is succesfully done (although max. browser compatibility is missing, it is a good resource to start building a such menu).

A demo can be found here.

Sexy Curls jQuery plugin is an open source solution for creating a page curl feature with ease.

It uses the jQuery UI & its resizable package.

jQuery Page Curl Plugin

It provides settings to customize the look & usage:

  • side: for defining which direction the curl effect will occur
  • turnImage: image used to create the effect
  • max. height, starting height & starting width

The smoothness of the curl effect is very impressive.

There is also another jQuery plugin named Page Peel which also accomplishes a similar result, but uses a Flash file.

Star Rating System is a free PHP script for adding an Ajax star rating feature to a website.

It uses MySQL as the database & the interface can be styled via CSS.

Ajax Star Rating Script

It has various templates which enables you to create an Ajax or non-Ajax version (that rating can be completed via radio buttons but results are shown in stars).

Several demos for the script can be found here.

Marcofolio.net is presenting a nice tutorial (with source files) for creating the famous iPhone unlock interface with XHTML-CSS & the slide effect via jQuery.

Although there are missing features from the standard effect like "the slider not going back", it is still inspiring & can be used to create a form control (like captcha) or present a content in an iPhone like interface.

(See also: iPhone Application And Website Development: All Tools And Tutorials You Need)

iPhone Unlock Interface

For the slider, jQuery UI’s slider component is used.

For a demo of this interface, click here.

This is a feature-rich date range picker built with jQuery UI & jQuery UI CSS framework.

You can set it to show presets like:

  • Last 7 days
  • Month to date

or create your own like:

  • Upcoming web design conference 

jQuery Date Range Picker

It is integrated with the Datejs (see WRD post) library & normally an update to a former version.

It offers a bunch of options for an easier customization & it is Theme-Roller ready.

This is a free social bookmarking script that does not automatically inserts all the popular social bookmark links into your website.

It provides you the base & enables you to easily create/customize bookmarking links.

Social Bookmark Script

How to use it?

  • insert sbookmark.js to your webpages
  • call the function for the preferred bookmarking site like: <a href="#" onclick="sbs_delicious(); return false;">...</a> for delicious.com.

In short, it saves your time from learning the submission formats of each social bookmarking website.

In the download page there is also a social bookmarking images pack.

$fx() is a JavaScript animation library which is only 3.7kb.

Within a timeline, any CSS property can be altered. And also:

  • you can combine effects
  • group them to the chains and run parallel
  • set different callbacks what gives you even more flexibility.

JavaScript Animation Library

$fx() is definitely not an alternative to other well-known JavaScript frameworks. On the other hand it does its job (animation) good & if that’s what you need, then it saves you from loading bigger sizes of JS files.

Have a look at the examples.

Most of us are familiar with the beautiful interface of Yahoo Pipes, how objects are wired to each other.

There is an open source JavaScript library, which enables you to create a such visuality, named WireIt.

JavaScript Wiring Library

The library is very suitable for creating dataflow applications (like a family tree) or visual programming languages.

WireIt is very well-documented & has some attractive examples.

It uses the YUI library for DOM and events manipulation, and excanvas for IE support of the canvas tag.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com