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

siwapp is an open source web application, built with PHP (Symfony), that enables anyone to create & manage invoices with ease.

The application has a slick interface & provides a simple usage to create professional-looking invoices.

Open Source Invoicing

Some features of siwapp:

  • invoices with different serial numbers can be managed
  • invoices can be downloaded as PDF files
  • periodical invoices can be created automatically
  • & more

siwapp uses MySQL to store data & if you need periodical invoices to be e-mailed automatically, a scheduling system (like cron) must be used.

It can also work as a module (be integrated to other business management applications) with the API support.

Dragon Labs is featuring 3 beautiful CSS / JavaScript effects that you may want to use in your websites. Here they are:

Codename Rainbows

A solution to create rainbow effects by not using any images.

It is accomplished with the help of some JavaScript and CSS magic to apply a two-color gradient to any text. Shadows and highlights can also be applied.

Dragon Labs CSS Effects

Codename Putterfish

This is a CSS trick, specially used in menus, that fades any other elements when one of the items is hovered.

Codename DragonFish

It is technique to smoothly change colors and create ambient motion. A nice demo is presented here.

P.S. Rainbow & Putterfish are well-described & source files are offered. On the other hand, DragonFish, currently, only comes with the demo.

Controlling layouts with CSS is a big subject these days as after dropping the table support, it is clear that the current capabilities of CSS is not enough to develop complex & flexible layouts with ease.

There is CSS Template Layout Module which offers exciting features but it is in a draft status.

Until we get those new features, there are various solutions that are developed with jQuery to manipulate page layouts for faster & cross-browser results.

Here is a collection of 6 jQuery plugins to manage page layouts easily:

jQuery Masonry

jQuery Layout Plugin

Masonry is like the flip side of CSS floats. Floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. And the result is no vertical gaps between elements of varying height.

The plugin is almost totally managed with CSS rules. It uses jQuery’s outerWidth() and innerWidth() methods to calculate the margins & paddings of elements.


jQuery UI Layout Plugin

This is a plugin to create desktop-like layouts. It can b used to create any UI look from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms & more.



The library provides three layout algorithms:

  • border, which lays out components in five different regions
  • grid, which lays out components in a user defined grid
  • flex-grid which offers a grid with flexible column and row sizes.


jQuery CSS Layout

The plugin aims to offer a similar functionality with the CSS Template Layout Module (which is currently in a draft status).

The script simply parses the mentioned CSS rules & displays the content accordingly.


jQuery Column Plugin

The plugin automatically converts any content into a newspaper-like column format.

A default clumn widt or a static number of columns can be defined & the rest is almost done by itself.


jQuery Equal Heights

Creating equal height boxes or content holders is mostly a challenge with CSS. The plugin makes this process easy by simply calling a function.

Descry is a project to demonstrate the power of data and information visualization as a communication tool.

Currently, there are 4 examples provided, all built with Silverlight & come with the source codes.

Silverlight Visualization

There are also 2 very nice articles shared on visualization:

For a demo, click here.

P.S. Descry is not a toolkit. It contains classes and fragments of code or design elements that can be reused.

Slideshow JS is a free JavaScript library which helps creating an image slideshow with ease.

It is totally configurable via markup & does not require any scripting. Although the download package comes with various styles, the look & feel of the slideshow can be completely customized.

Slideshow JS

The library is built with jQuery & it is unobtrusive. It offers several options like:

  • number of seconds each image will be displayed
  • if the images will be displayed automatically or manually
  • image counter & controls activation
  • if the images will be displayed randomly or in an order
  • & more..

P.S. Don't let the blury images in the demo fool you. With quality images, the script offers a nice presentation.

ColoRotate is a free web-based service that helps to work with colors in 3D, in real time & offers an unique experience.

Using the application, you can quickly see the multidimensional nature of colors and the relationships between colors.

3D Color Tool

With ColoRotate, you can create color palettes & save them. Its quick drag-and-drop interface to adjust hue, brightness & saturation helps you customize the colors with ease.

And, palettes created can be imported & exported in Adobe Swatch Exchange (ASE).

ColoRotate is also a color community where it is possible to browse & search themes created by other users.

P.S. You may also want to check "Learn About Color" menu of ColoRotate where it is possible to find valuable information on color like:

Flabell is presenting a free Flash-XML slideshow which can be customized with ease.

Images presented are displayed with a blur effect & the color of the navigation bar can change on every image (using the colors of that image can be a good idea – set manually in the XML file).

Free Flash XML Slideshow

For every image, you can also define:

  • URLs, when they are clicked
  • target to be _blank or not
  • transparency of the navigation bar

The slideshow comes with the source file (.FLA) & in order to download it, a free membership is required.

Audio Player is a tiny yet beautiful free Flash mp3 player that is used on many popular websites like Talkcrunch.

It is originally a WordPress plugin but with the increasing popularity, the developer of the player, Martin Laine, has created a standalone version as well.

Tiny Flash Mp3 Player

The WordPress plugin can directly use the WordPress media library which is great. The standalone version can be configured very easily too & they both have various features like:

  • autostart
  • loop
  • animation
  • remaining time
  • volume control & more.

For a demo of the player, you can check TalkCrunch.

P.S. Audio Player is open source & source files can be found here.

APEAPE (Ajax Push Engine) is an open source solution which is designed to push real-time data with only JavaScript on the client side.

The core of APE is an epoll-driven HTTP server, entirely written in C, which provides patterns such as XHR long-polling (cross browser), forever frame and many more.

The other part of APE is the Javascript Framework based on MooTools which deals with the APE protocol. On the other hand, users can decide what Javascript framework they want to develop with.

Ajax Push Engine

APE only uses web standards, no plugins are needed to be installed on the browsers & it works with all browsers.

It is possible to create various multi-user applications with APE as it can broadcast to hundreds of users with ease.

With a module support (currently with C but PHP support is on the way) the application can be extended & customized more.

Subsonic is an open source web-based media streamer application that helps sharing your music or listening it anytime/anywhere.

It allows streaming to multiple users & can handle very large music collections.

Subsonic Media Streamer

It is compatible with every audio or video format that can stream over HTTP, like AAC and OGG. Also, Subsonic works with any network-enabled media player, such as Winamp, iTunes, XMMS, VLC, MusicMatch and Windows Media Player.

It can integrate with various web services like, Amazon (for cover art) & more.

And, considering media files are generally huge, it supports automatic zipping/unzipping while downloading & uploading them.

Uptime Robot