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

Archive for the ‘Goodies’ Category

This is a very flexible Flash full-text-search component that supports multiple images and texts.

All aspects of it can be customized via XML files, including the images, texts, colors, sizes and more.

Flash Full Text Search Component

The component supports unlimited text / images & it can resize the height depending on the number of items.

For skinning it, no Flash experience is needed as everything is done by updating the XML files (colors, speed of the effects, etc.).

The download package comes with all the source code including FLA files, PSDs & fonts used.

FileManager is a MooTools-based file manager that allows you to control your files-folders with style.

It runs in a modal box & with an Ajaxed interface, helps:

  • browsing files/folders quickly
  • rename, delete, move (with drag'n drop), copy (drag + hold CTRL) and download files
  • view detailed reviews of images, text-files, compressed-files or audio content
  • Option to automatically resize big images when uploading
  • Use it to select a file anywhere you need to specify one inside your application's backend

MooTools File Manager

FileManager uses the FancyUpload3 script that is soon to be released for good-looking file uploads.

And, it can be easily integrated with TinyMCE as well. For a standard demo, click here & for a TinyMCE integrated demo, click here.

P.S. Thanks very much to David Walsh for the suggestion.

Update (14th September 2010): URL of the resource is updated.

MochaUI is an user interface library built on the Mootools JavaScript framework.

The library does not use any images but canvas tags for gradients, rounded-corners or shadows.

MochaUI

It is very easy to create horizontally and vertically fluid layout modules with columns and panels. Columns and panels (panels can be tabbed) can be collapsed, expanded, and resized.

New windows can be created instantly and they can be:

  • focused, dragged, resized
  • collapsed/expanded
  • maximized/restored
  • minimized/restored and closed.

For an example with most of the features, click here.

SQLServerPedia is a wiki that is concentrated on SQL Server that is edited & administered by SQL Server professionals.

There is a serious amount of content that is well-categorized & easy to reach. Some of the categories are:

  • Architecture & configuration
  • Monitoring SQL Servers
  • Performance tuning & more..

SQL Server Wiki

There are also various podcasts which are great for watching & learning the details from professionals.

And, besides the editors, there are bloggers & other contributors who help the content get wider.

For any developer who is into SQL Server, SQLServerPedia is a must-bookmark.

tabSwitch is a jQuery plugin for creating tabs & sliders very easily.

It is possible to choose from 7 different effects (fade, show, toggle..) with 2 view styles. Any type of HTML can be used & tabs can be switched as previous-next or directly into a specified one.

tabSwitch - jQuery Tab Plugin

The look of the viewport can be customized via CSS & every single tab can have its own class.

To see the simplicity of usage, here is how it is called & customized:

 $('.SlideTab').tabSwitch('create', {type: 'toggle', height: 300, width: 440}); 

And, tabSwitch can auto-display each tab/slide. More examples for the plugin can be found here.

Piwigo is an open source photo gallery system built with PHP & MySQL.

It is more a photo portal software as new users can register to the system & according to their permission levels, they can add more photos, comment & more.

Photo Gallery Portal Script: Piwigo

Piwigo is very flexible in means of adding photos to the system. They can be added via pLoader (the remote client of Piwigo), mass uploading by FTP or the application can call them from any other servers transparently.

With the unlimited category-levels support, images can be organized easily. And, with the ability of tagging them, it just gets better.

A great feature is chronology. Piwigo reads EXIF data, understands when an image is taken & shows them in a chronologic order.

The application has also multilanguage support, can produce pretty URLs & an API makes integrations with any 3rd party applications possible.

Wrapper is a cross-browser HTML/CSS rendering engine written in ActionScript that sits on top of your standards compliant HTML page.

It simply wraps a HTML/CSS content & displays it within Flash without any need to compile.

Flash HTML Wrapper

A serious advantage Wrapper offers is eliminating cross-browser issues. And any content that is Flashed is available to search engines as the code is still pure HTML.

The engine also has built in methods within CSS to load custom fonts, display elements as any shape, and fill them with linear or radial gradient background colors.

For a standard website demo, click here & for a WordPress demo, click here (don’t forget to check the sources of both pages).

imgAreaSelect is a jQuery plugin that enables you to create selectable areas on images which is a widely used technique for cropping images.

Once an area is selected, you can get the x-y coordinates & apply any actions on that part of the image like cropping or implementing effects.

jQuery Image Select Plugin

The plugin is very flexible & offers options like:

  • aspect ratio
  • max height, max width
  • opacity
  • whether it can be resize or not
  • keyboard support & more..

There is also an image crop tutorial using imgAreaSelect & PHP that can be found here.

Simple Flash Mp3 Player is a minimalistic player from Flabell (who also created this advanced Flash mp3 playersee WRD post).

It is built with AS3, offers a play-pause button & a draggable volume bar. Once the player is initiated, it displays the song info to be played.

Basic Flash Mp3 Player

There is a sound visualizer at the backend which, besides the rhythm of the music, transforms with the level of sound too.

The music to be played is set via FlashVars in the HTML code. And, the player can be customized via XML files easily.

It is possible to create stylish textboxes with auto-complete feature, just like Facebook has, using plugins for jQuery & MooTools.

For jQuery:

jQuery Auto-Complete

Autobox is a jQuery plugin that makes creating textboxes with auto-complete support easier.

Values expected can be mentioned staticly or called dynamically via Ajax requests. Documentation for the plugin can be found here.

 

For MooTools:

Facebook-Like Inputs

TextboxList, a MooTools plugin, for creating auto-complete enabled Facebook-like inputs has a new version (see WRD post for the old version).

It can be feeded with data from any data-source easily, makes a binary search for a better performance & offers various options for maximum flexibility.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com