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

Archive for the ‘Goodies’ Category

Flash has popular free libraries / classes to extend the core functionality like Papervision3D, AlivePDF, Flare or Tweener.

There are also less-known ones which are still very powerful & can make the development process of a Flash application easier / faster.

Here is 10 of them that you will find handy (you know more? please share them in the comments).

Playr

AS3 Music Player Class

A beautiful AS3 music player class.

It has support for playlist management or playing a single file, loops & more.

flXHR

flXHR: Ajax With Flash

A Flash solution that mimics Ajax (& provides more) by a XMLHttpRequest compatible interface.

It uses a Flash file: flxhr.swf which works like a proxy between requests & supports cross-domain Ajax.

KitchenSync

KitchenSync

This ActionScript 3.0 library is focused on sequencing animations and other time-based actions.

It includes a number of features and shortcuts, such as the clone() method, that save effort for developers.

Read the rest of this entry »

  • Tags:
  • Filed under: Flash, Goodies, Other License
  • 3 Comments
  • jBreadCrumb is a jQuery plugin for displaying breadcrumb navigations in a more flexible & smarter way.

    As the length of a breadcrumb menu may be very long & the common method used for this problem is limiting th eamount of menus used, jBreadCrumb follows another route.

    jQuery BreadCrumb Menu

    It creates a collapsible interface that smartly decides the display method according to the amount and length of the elements.

    This is a better navigation in means of usability & SEO.

    Usage is not complicated & it only requires the jQuery Easing plugin.

    XML Photo Album is a free Flash gallery application with multi-gallery support.

    It can display images, audios (mp3), videos (flv) & switching between galleries or thumbnails is possible by hovering the app.

    Flash XML Photo Gallery

    The gallery is managed by editing a XML file & that’s all it requires for configuration.

    XML Photo Album comes with the .fla source which makes it possible to customize & improve further.

    Mif.Tree is a quality solution for creating tree menus with MooTools.

    The code is very flexible & lets you control every part of the navigation like:

    • Adding new rows
    • Drag’n drops
    • Sorting, renaming & more.

    MooTools Tree Menu

    The tree menu created can also be browsed via keyboard & supports checkboxed tree menus.

    Mif.Tree is very well-documented & presents vaious examples.

    NyroModal is a very flexible & customizable jQuery plugin for creating modal windows easily.

    It can display any type of HTML objects:

    • with Ajax requests
    • by showing a hidden DOM element
    • as a gallery
    • forms, iframes..

    jQuery Modal Windows: NyroModal

    Besides the features mentioned, you can target the content inside an Ajax request or a form, resize the modal window from an Ajax request & more.

    On every event, like showing or hiding the modal box, any animation can be defined too.

    The plugin is very well-documented & presents various examples.

  • Tags:
  • Filed under: Browsing, Goodies, MIT License
  • 0 Comments
  • Flash, Silverlight & JavaScript are already offering quality solutions for creating graphs. On the other hand, it is impressive to see what an be done in visualising data with CSS.

    After the pure CSS data chart, Css Globe is presenting a very creative tutorial (with source codes) on creating a pure CSS line graph.

    CSS Line Graph

    The solution creates a vertical/horizontal grid with dd & dl elements in the background. And, a smartly prepared image is used with CSS sprites technique to display the lines.

    Although it looks complicated, the technique is simple yet clever & inspiring.

    Veerle’s blog is presenting a tutorial, with source codes, on creating a simple & scalable css-based breadcrumbs.

    What are breadcumbs?

    From Wikipedia: Breadcrumbs or breadcrumb trail are a navigation technique used in user interfaces. Its purpose is to give users a way to keep track of their location within programs or documents.

    CSS Breadcrumbs

    Only 1 image is used for creating this navigation which is the seperator. It is a bigger image than the displayed one considering the breadcrumb will be scaled when needed.

    A handy resource on a method that is used in almost every web application. To see the demo, click here.

    This is an unobtrusive date-picker script with a variety of customization options.

    It can be accesses with keyboard, does not require embedded JavaScript blocks & pop-up windows.

    Datepicker Script

    This free date-picker script supports:

    • multiple date formats / date dividers
    • skinning via CSS
    • limiting the calendar with upper and lower dates
    • disabling certain days
    •  “smart” localisation
    • higlighting certain days
    • single text inputs, split text inputs or select lists

    Usage is very straightforward. After inserting the datepicker.js into the webpages, defining a class to the element which the date-picker will be activated is enough.

    Script can be currently reached from the source of the demo provided.

    Imagin is a feature-rich & free Flash gallery which can be customized easily.

    It supports multiple galleries with sub- galleries, can display jpg, png, gif, swf, flv, mp4 files & can present them as a slideshow.

    Imagin Flash Gallery

    This gallery application uses PHP at the backstage for loading images & automatic thumbnail generation.

    Galleries & sub-galleries are folders and files are loaded via FTP. Imagin does the rest for scanning the related folders & shoing them accordingly.

    Some features of Imagin

    • Few images are loaded in advance for faster navigation
    • Images can have a small description
    • Full screen mode
    • Basic html view of images
    • Full browser resizable interface
    • Right click menu. Link to an image or a gallery can be sent directly
    • Keyboard navigation (space, arrows, enter, escape)
    • Images scales down automaticaly to fit the browser size, or not if you don’t want

    To see its power, check the demos.

    Simpletip is a fresh & lightweight jQuery plugin for creating flexible tooltips.

    Tooltips can be attached to any element & easily styled in means of presentation & positioning.

    jQuery Simpletip Tooltip Plugin

    The tooltips can be static, dynamic or loaded via Ajax. And, any combination of effects can be applied to make them more attractive.

    Simpletip provides various options for max. customization. The plugin is well-documented & provides examples.

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com