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

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:



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 - Password Strength Meter

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

Read the rest of this entry »

Web Do’s & Don’ts (WebD&D) is a fresh website that presents links to tips, tricks & best practices for web designers/developers.

The website comes with an easy-to-read interface where you can find the do’s on one side & don’ts on the other.


Links are categorized as levels (beginner, intermediate & advanced) & users can vote on the tips. Also, anyone can submit new links.

Considering new links are added frequently,  WebD&D will be a handy resource-link pool for web designers/developers.

When sharing codes on a website, even they are wrapped with code tags or styled differently, it is always a challenge to read them without syntax highlighting.

There are various syntax highlighters which can format the codes & color them appropriately according to the languages used. Whether it is a HTML page or runs on PHP, Ruby, Python, ASP, there is a suitable syntax highlighter.

And, here is a collection of 11 Syntax Highlighters To Beautify Code Presentation:


GeSHi (Generic Syntax Highlighter – With PHP)

Geshi Syntax Highlighter

GeSHi is a powerful syntax highlighter script that supports almost every language.

It is first created for phpBB forum system but became a project itself. It requires PHP to run (there is also a hack to make it work under ASP).

SyntaxHighlighter (With JS)


This is a flexible & extensible syntax highlighter built with JavaScript. It supports a wide range of languages from CSS to PHP or C++ to SQL.

SyntaxHighlighter offers ready-to-use themes an new ones can be created easily for a custom presentation.

It has support for 3rd party applications like Blogger, WordPress, Joomla & many others.

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.

Openfire is an open source real time collaboration (RTC) server that enables anyone to create communication environments like MSN Messenger, GTalk, etc.

With an easy to setup-administer yet rock-solid security-performance system, OpenFire uses the most popular instant messaging protocol: XMPP (Jabber).

Open Source Jabber Server

The application can run on both Windows & Linux/Unix servers and it comes with various plugins like "content filtering", "user export/import" & more.

OpenFire provides all the tools to keep the communication under control & helps you concentrate on the tools "users/members" can use. And, Igniterealtime (the same community) has solutions for that too like SparkWeb (open source web-based IM client) or Spark (open source IM client).

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.

Compass is a stylesheet framework (and not only a collection of classes) for Ruby.

Using Compass, you can still use the other css frameworks -blueprint, yui, 960- that are ported to Sass and they are ready to be used in your ruby-based web application or stand-alone via a simple command-line interface.

Compass CSS Framework

The framework comes with a detailed documentation on:

You can also watch the podcast on how Compass works.

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. is presenting free buttons with different designs in PSD format (PNG file exists too).

Currently there are 20 of them & they are great for inspiration or being used directly. Besides downloading the buttons one-by-one, a full-download link is also offered.

Free PSD Buttons

Glimmer is a desktop application that makes jQuery accesible from a visual tool & generates the jQuery code, XHTML and CSS.

If jQuery is the "write less, do more” JavaScript library, then Glimmer is the “write none, do more” jQuery design tool.

Currently, Glimmer has 8 built-in effects that can be combined with wizards like:

  • image sequencing
  • customized tooltips
  • drop-down menus
  • custom animations

jQuery Desktop Design Tool: Glimmer

It is also extensible. Anyone can write new wizards and effects to improve the application.

Although it looks like a perfect fit to power-users & designers as they generally don’t prefer to code JavaScript, Glimmer is also handy for developers for creating the base-code faster & improving it later on.

To read more on Glimmer, you can visit the announcement article by MIX Online.

Uptime Robot