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

Archive for the ‘Goodies’ Category

NiftyPlayer is a tiny open source Flash MP3 player with a very simple interface.

It is lightweight (4kb) and usage does not require any Flash knowledge as the URL is mentioned in HTML.

JavaScript MP3 Player

The player can be easily controlled with JavaScript besides the Flash interface, like changing the file to be played, stop & start. With this feature, you can even bypass the whole Flash look.

Some other features are:

  • Autostart capability
  • Draggable/Clickable seek bar
  • Simple operation with Play/Pause and Stop buttons
  • Buffering with progress bar
  • Buffering is stoppable! (through Stop button)
  • Volume control

BigTarget.js is a jQuery plugin that increases the size of click targets and get more call-to-action conversions.

It has 2 options that can be customized:

  • clickZone: By default the first <li> element is turned into a link but this can be changed with this option.
  • targetClass: For mentioning the class for hover effect.

JAvaScript BigTarget

How to use it?

Adding BigTarget.js functionality to your site is straight forward. First include the plugin code in the head of your document, and then when the page is ready, attach the bigTarget function to the target anchor — bigTarget.js will do the rest.

$(document).ready(function(){
$("ol.bigTarget h4 a").bigTarget();
});

Superfish is an advanced suckerfish menu plugin for jQuery.

It turns a standard CSS dropdown menu and tranforms it to a more powerful one (it gracefully degrades).

jQuery Suckerfish Menu

It supports both horizontal & vertical menus and unlimited sub-menus can be defined.

Considering the menu is generated from a CSS-dropdown menu, every sub can be easily styled too.

Other features of Superfish:

  • Suckerfish-style hover support for IE6.
  • Timed delay on mouseout.
  • Animation of sub-menu reveal.
  • Keyboard accessibility.
  • Indicates the presence of sub-menus by automatically adding arrow images to relevant anchors.
  • Drop shadows for capable browsers – degrades gracefully for Internet Explorer 6. Can disable shadows completely via options object.
  • Can show the path to your current page while the menu is idle.
  • Optional callback functions. The ‘this’ keyword within the handlers you attach will refer to the animated ul sub-menu.

SmoothGallery is a feature-rich image gallery & slideshow application built with MooTools.

With the "gallery set" function that enables you to present multiple galleries & different transition animations, it is really powerful.

MooTools Image Slideshow

SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom css selectors. It is also compatible with all major browsers.

And even better, this solutions is very lightweight: The javascript file is only 24kb.

DIY Map is a zooming & clickable map, built with Flash, that can be colored with data from a text file.

Using an external data helps using the same Flash file for representing different information.

Flash Maps

When a point is clicked & zoomed, any information can be displayed like a link or an address.

List of maps that can be downloaded are world map, USA map, Europe map & few other countries.

The application is free for personal & educational use and requires a licence for commercial use.

  • Tags:
  • Filed under: Flash, Goodies, Other License
  • 6 Comments
  • Flowplayer is a free Flash media player that can configured & styled to fit your needs.

    It supports multiple media types: FLV, H.264 coded MP4, JPG, PNG & MP3.

    Free Video Player

    Some features of Flowplayer:

    • Full screen mode
    • Progressive download
    • Ability to play multiple files in 1 stream & ability to include images
    • Streaming support: Flash Media Server, Wowza & Red5
    • Quick access to specific chapters via thumbnails
    • Protection against hotlinking to media files
    • Embed links

    This Flash media player can also be controlled with JavaScript & from other Flash movies.

    Besides the free GPL license, there are several other paid licenses. So, make sure you check the licensing before using it.

    P.S. This is not a very fresh resource but realized that it was missing in WRD & here it is.

    Image Gallery is a free Flash image gallery that comes with the source code.

    Settings are configured from a XML file like the names of the categories, images & folders where the images resides.

    XML Flash Gallery

    The gallery presents the images randomly or with an order (can be set via the XML file).

    When a thumbnail is clicked, original image is presented in a Lightbox like Flash pop-up, images in that gallery can be browsed easily & even viewed as a slideshow.

    The demo of the gallery can be viewed from here. As there is no direct link for the source file in the website, you can download it from here.

    P.S. I have contacted Tony Yoo (owner of the gallery) & yes, it is free.

    Flashmo, which was presented at WRD (here & here) a while ago has 3 new free Flash galleries.

    Flash Image Galleries

    The galleries are:

    Images in the galleries can be edited via a XML file

    All the galleries have the source FLA files & you can edit them to make the galleries fit your needs.

  • Tags:
  • Filed under: Gallery, Goodies, Other License
  • 0 Comments
  • Ingrid is an unobtrusive jQuery component for creating very nice looking & effective datagrids.

    It simply adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

    jQuery Datagrid

    With every display event, Ingrid sends a query to a dynamic file (ASP, Asp.Net, PHP..), which must be created by you (a PHP example exists).

    The query then simply returns the results in a table format "how Ingrid expects them to be". And, that’s all.

    For a demo, click here.

    Jumpeye Components is giving away 3 FlashEff Premium Unlimited Licenses ($249 value/each) to WebResourcesDepot readers.

    Details of the giveaway & how to join it can be found below the post.

    What is FlashEff?

    FlashEff is a Flash CS3 (and Flash CS4 ready) AS3 component for easing the animation process & creating stunning animations.

    Tip: To see the beauty of the effects, click here to go to the effects gallery.

    Flash Text Effects

    It is also a collection of over 100 patterns (and growing) that enable cool animations and interactive actions on visual objects and texts. FlashEff can be used/customized from both, the visual interface and API.

    The visual interface, FlashEff Panel, is a powerful online utility that loads inside your Flash CS3 IDE and configures everything for the FlashEff component.

    FlashEff Effects

    Using FlashEff, you can:

    • Create amazing animations with images, movieclips or text.
    • Create animated buttons without coding.
    • Perform commands and trigger actions on any event such as rollOver, press or doubleClik.
    • Add static or animated fitlers to any visual object within Flash CS3.
    • Most of the patterns can be combined to create complex animated objects.

    FlashEff Pattern Creation Contest With $2500 Worth Prize!

    Do you have advanced AS3 skills? Then create a pattern for FlashEff, submit it until 31 October 2008 & get the chance to be one of the winners who will earn $2500 worth prize.

    Click here to see the details of the Pattern Creation Contest.

    How To Win The Free Licenses?

    Simply comment to this post & that’s all.

    Winners will be selected randomly from commenters 1 week later (29 September 2008 – Thursday) with the SQL query below:

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

    Good luck to all : ). 

    Uptime Robot
    feed-holder
    FeedBurner
    PHP Form Generator
    HotScripts Marketplace
    PSD2HTML.com