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

Archive for the ‘Goodies’ Category

Supersized is a jQuery plugin that resizes images/backgrounds to fit the whole screen & display them as a slideshow.

No extra whitespace or scrollbars occur as the entire browser window is always filled.

jQuery Fullscreen Slideshow

The plugin preloads the images and offers various transition effects for presenting them.

An optional prev-next-pause control makes navigating easier & with the help of options provided, Supersize can be easily customized.

jPlayer is a jQuery plugin for playing and controlling mp3 files in a webpage.

It uses a Flash file at the backstage to play the files & the player can be totally customized via XHML/CSS.

jQuery Mp3 Player Plugin

The plugin offers functions like:

  • selecting the Mp3 file to be played
  • play, pause, stop
  • volume control
  • getting the progress & more.

Thee are various demos presented like a single-file player, a playlist player or a text-based player with progress bar. To check them all, click here.

XML Flash Voting Poll is a free component for creating nice looking Flash-based polls.

It is built with AS3 & supports one active poll with an unlimited number of answers.

Free Flash Poll

Many variables can be controlled in the XML files like:

  • the question’s height, text, color, size
  • background colors used
  • distances between items
  • messages displayed after voting & more

The download package includes images (.AI & .PDF) & fonts used.

P.S. Free membership is required for downloading the component.

FancyUpload, the popular Ajaxed file uploader, now has new version with more features.

To remember, FancyUpload is an unobtrusive file-input replacement with multiple-file selection & queued upload with an animated progress bar.

FancyUpload

It uses MooTools, works with the help of Swiff (a MooTools class) & as a SWF file is used for uploads, it is server-independent.

Other great features of FancyUpload:

  • the look & feel can be totally customized via CSS/XHTML
  • uploads can be limited with file count, file type or size
  • upload speed can be displayed
  • browse-button can be an invisible overlay or an interactive image sprite
  • useful file information before the upload starts can be collected & many more.

The API is very flexible, offers lots of options & very well-documented.

For membership-oriented websites, registration forms are one of the most important parts. A problematic experience, even if the sign-up is completed, will place a "question mark" to the visitor or vice-versa.

Password LockAnd, it is also the first step where you can show that you care about the security of the website & all the data collected.

Although you can control/improve the security of the website, it is sometimes the weak passwords used that may have unwanted consequences.

Guiding users to have a strong password with the help of password strength meters, besides being an easy process, will help improving the security of the whole & show that the website pays attention to it.

Here are 10 password strength meter scripts for a better registration interface:

 

PasswordMeter

Password Strength Meter Script

PasswordMeter is a JavaScript function that checks the strengths of passwords with a well-defined algorithm.

And, the website of the resource nicely displays how the strength is calculated.

Ultimate Password Strength Meter

Prototype - Script.aculo.us Password Strength Meter

This password strength meter is an improved version of this script. It that has a graphical interface (uses Prototype & Script.aculo.us) that shows the strength of the input.

Read the rest of this entry »

FullCalendar is a jQuery plugin for creating a full-sized calendar with drag’n drop support that can fetch events via Ajax requests on-the-fly.

It can be easily configured to use your own feed format (an extension is provided for Google Calendar).

jQuery Drag'n Drop Calendar

The plugin does not come bundled with features like "changing an event’s name or time" but has hooks for user-triggered events that makes it possible to add such features.

The calendar’s look/feel can be customized via CSS & it is well-documented.

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.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com