jQuery.popeye is a plugin which transforms an unordered list of images into a simple image gallery which enlarges the image clicked in Lightbox style.

The images are displayed in a box with prev-next controls & an info about the images can be mentioned.

The compact box has fixed, automatically calculated dimensions. The width and height are calculated so that all thumbnail images are cropped to the smallest width and height in the set and centered resulting image area.

The plugin can be easily customized with a list of settings provided.

Click here for the demo.

Solucija is featuring 30+ quality & free website templates.

These CSS - XHTML templates are all lightweight (under 60kb) & they are very handy to get inspired,  to use by modifying or, in some cases, just using how they already are.

Templates can be used both in non-commercial & commercial websites.

kProto is a collection of 3 handy Prototype based classes & extensions. Here they are:

Marquee - examples

It is a Prototype extension (& requires Script.aculo.us) that enables you to display a series of messages with ease.

Using the extension, it is possible to create message sliders, image galleries (or sliders similar to the portal websites) & more.

With a list of options, the extension is very flexible.

It supports:

• start, stop, next, previous actions
• delay
• animation when a message appears & another animation when it disappears
• before-after options to fire any function between events
• & several transition effects.

Growler - examples

 It is a class for displaying unobtrusive messages like OS X Growl.

Growler can be styled with CSS & very suitable for displaying activity-info messages.

It has several options:

• In & out speed of the message
• life of it (after howmany seconds it willl disappear)
• functins to be fired before any event 6 more.

Package - examples

This class allows developers to dynamically create namespaces. These namespaces can be used to better organize your code. They also help to reduce the amount of code that pollutes the global namespace.

Package also allows any javascript and css file to be included dynamically without being namespaced whether local or cross domain.

Malo is a very small CSS framework (0,25 kb compressed) for creating a structural base for small or medium web sites.

It is derived from Emastic CSS Framework (created by the same author - see WRD post).

Malo has two parts:

• basic reset
• grid system

It covers most of the grid scenarios & very ideal for anyone that doesn’t want to use a complete framework but get some essentials, specially grids, which are problematic in general.

Open Flash Gauges is a set of open source Flash files, supported with serverside connectors (ASP & PHP), to display any numeric data as gauges.

Gauges in the set are:

• Percentage
• Thermometer
• Dual
• Resource Meter
• Meter
• Status
• I/O
• Digital readout

Demos can be found here.

There is also a pure JavaScript-Canvas gauge that uses MooTools & JSON as the data + a Flash gauge again uses MooTools & JSON presented in the website..

If you have ever advertised at Google Adwords, you probably experienced a keyword guessing process.

Google now helps this with the Search-Based Keyword Tool.

The example simply demonstrates, if webresourcesdepot.com was to be advertised with Google Adwords & web design was a keyword to be used:

• the tool checks the website to analyze the content
• suggests other related keywords

Definitely a time saver for Google Adwords users.

Sometimes, when you are about to design, a well-designed object can easily inspire you. And, using such objects:

• save you time
• improve the overall quality of the design (in general)
• help you to improve yourself by seeing how it is done & more..

This is a collection of 30+ free & various vector object sets to help you create better. Here they are:

Page Curls In Vector

Ecology Vector Set

Vector Ink Splatters

Free Vector Stickers (free sample #2)

Vector Rainbow With Clouds

Vortex Waves In Vector

Read the rest of this entry »

prettyGallery is a jQuery plugin for creating sliding image galleries on the fly.

Besides images, any content can be presented within the slider.

Images in the gallery are defined in an ordered list. Items per page, speed of the navigation & labels used can be configured.

The gallery uses prettyPhoto, a jQuery Lightbox clone,  for displaying the images in large-size.

This lightbox clone is very good-looking & can display:

• images
• present the images as an image gallery
• Flash

It works in all major browsers & animation speed, opacity and more settings can be updated.

This is a free social bookmarking icon set that presents the logos in an origami style.

The set contains 15 icons & there are also logos of some other web 2.0 brands.

Icons are presented as PSD, EPS & transparent PNG files.

The set is created by Paddy Donnely who also created the beautiful origami style Twitter bird.

FusionCharts Free is a charting component for creating good looking, data-driven & free animated flash charts.

It can be used with PHP, Python, Ruby on Rails, ASP, ASP.NET, JSP, ColdFusion, simple HTML pages or even PowerPoint Presentations.

The component is the free version of FusionCharts & missing some features when compared with the paid one. But it is still powerful & supports:

• 2D / 3D column & bar charts
• 2D/3D pie & doughnut charts
• Line charts
• Area charts
• Stacked charts
• Gantt charts & more..

Another nice feature is the ability to combine different chart types in one chart.