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

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.


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.

Noqta is presenting 30+ quality patterns that are free to download.

Most of them are pixel-patterns. They come with a Creative Commons license which means they can be used both in personal & commercial projects.

To download them, simply save the background-image of every pattern displayed in order to get the repeating-ready versions of the images.

Free Design Patterns

Firebug is the most popular tool for analyzing HTML, CSS & JavaScript based webpages. Now, there is PHP Quick Profiler (PQP), which can be called as Firebug for PHP.

It is specially focused on analyzing the performance of PHP codes. With a beautiful interface, PQP can:

  • log memory usage
  • display the number & sizes of included files
  • show page execution times
  • log database queries

PHP Quick Profiler

PHP Quick Profiler is not a plug & play solution as every project may have a totally different structure. But, by following the setup information & the example provided, it is easy to integrate.

To see how functional it is, you can check the demo.

Grid System Generator is a website that asks for grid width, number of columns, margin-left/right & creates a fixed grid system with valid xhtml/css.

Besides the CSS framework, a .PNG background file is created as well to help in prototyping and design.

Grid System Generator

The generator is based on & displays already created grids which can be found here.

You can also find instructions on using the generator & links to resources about grid systems.

P.S. Another based grid generator can be found here.

Whether it is a university like Albertus Magnus, a company or any other organization, e-learning is a great way to spread knowledge & measure the results efficiently (in means of time & money).

There are various open source e-learning applications that can be installed easily, have a wide user community & offers a complete system. Here are 7 of them which you will like:


eFront Open Source E-Learning

eFront is a complete e-learning software with a good looking Ajaxed interface.

It enables admins to create & manage lessons easily with various tools like:

  • content editors (has a flexible visual content editor and support for pictures, sound, video, flash or java)
  • file manager & digital library (for file sharing)
  • test builders
  • abiity to assign projects
  • creating surveys & more.

The system is multilingual & modular. It requires PHP & MySQL to run.


Moodle - E-Learning

Moodle is one of the most popular open source e-learning system. It is built with PHP & uses MySQL or PostgreSQL to store data.

It has powerful course management features that covers creating lessons, assignments, quizes, documents & more.

There are various modules that help students & teachers to interact with each other like chat, forum, survey or workshop.

It is used in 1000s of websites, has a detailed documentation & a wide community.

Read the rest of this entry »

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.

Open Font Library is a community for finding & sharing non-proprietary typeface designs.

Fonts shared can be downloaded for free or you can upload a font you created to share with others.

Open Font Library

Although there are 10+ fonts presented in the website, this is the new face of Open Font Library where there are 150+ fonts to be transferred from the old website.

The website also hosts the fonts for free that you can include them to your webpages with @font-face rules (more details).

And, besides the free fonts, you can find information on how to design fonts, or how to earn money by designing them.

Besides colors or objects, using animals in design to express an emotion is a very common method. Just like the lion in MGM which shows the power or Twitter’s bird spreading cuteness.

Although there are lots of animal themed design resources, it is almost impossible to find an organized one. So, here is a collection of 35+ free Photoshop animal brushes, vectors & icons to use or to get inspired.


Photoshop Animal Brushes

Various Animal Brushes (20 in the set)

Photoshop Animal Brushes

Ancient-Like Animal Brushes (5 in the set)

Photoshop Ancient Animal Brushes

Animal Prints (32 brushes)

Animal Print Brushes

Read the rest of this entry »

For any designer with significant amount of Photoshop brushes installed, it is always a pain to navigate through the brushes & find the one you need.

ABRView is a free software that makes this process much easier. It allows you to define the folder(s) where brushes are installed & preview them.


Also, once you download a brush, although you have an opinion on how it looks, you can not be sure until installing it, running Photoshop & checking the look from the brush palette. As ABRView can display brushes from any folder, you simply save time on seeing how they look.

It has an .exe version for Windows & .jar version for Mac & Linux.

Uptime Robot