Rather than standard website templates, a free admin template is nearly impossible to find.

This is an admin template which you can use for web applications like:

• E-commerce projects
• Content management systems
• And more..

I have created this admin template for a project of mine and pleased to share with WebResourcesDepot readers.

It is a 3 column design with a tabbed menu. The idea is having the standard categories in the tab menu for an easy reach and have all the detailed ones in the left menu. And there is an info box at the right to inform users what’s going on at that page.

You can customize it however you want to fit your project. It has a listing and a new entry sample which covers %99 of an admin screen.

It is totally free to use the template, no backlinks or anything required. If you want to say thanks for it and like WebResourcesDepot, I prefer that you subscribe to the feed and get the free resources everyday.

Icons used are famfamfam icons.

You can check it live here.

P.S. If you share the template on your website, please don’t give a direct link to the file and give the link to the post. Thanks.

Dock menus are very handy when it comes to limited space in designs. They just appear when needed and this idea expands the website area so much.

Webber 2.0 Dock Menu is a nice JavaScript docking menu which is easy to implement and does not require any JavaScript frameworks.

It is built with the Philippe Maegerman’s tween class. The logic of the menu is very simple:  an empty div which determines the mouseover area for the docking effect and that’s it. Simple but very functional.

Degrafa is a declarative graphics framework fo Flex which aims:

• Bringing the graphics classes up a level to provide a common ground between developer and designer within Flex
• Enabling the graphics classes to become first class citizens within the Flex framework.
• Minimizing the learning curve of Flex graphics development.

Degrafa allows you to use MXML markup to draw shapes, make complex graphics, create skins and also includes advanced CSS support.

Rather than ActionScript, MXML is easier to read an learn, specially for a designer’s point of view.

There are great samples of what can be done with Degrafa here.

CSS Globe has a chic animated progress bar built with CSS and an animated GIF file.

It is simply an EM tag above an animated GIF file which is blocking the part of the GIF file to creating the progress bar stop effect.

As this progress bar is only a visual trick, it can not show a "live" progress but only a static one which the percentage of progress to be shown was defined before the page is loaded.

Template World, a website providing high quality templates including premium Wordpress themes, Joomla templates and even logo templates, has high quality free XHTML / CSS templates which you may use or inspire.

Look at how beautiful these free XHTML templates are:

Although everybody does not prefer using templates, with the high quality ones, it is very helpful to see the code and design files to learn new techniques and be inspired.

After downloading these free XHTML / CSS templates, you can send an e-mail to Template World to get the PSD files for free too.

P.S. This post is an advertorial.

Browser compatibility issues with how they render HTML differently is a common problem for web designers and developers.

Reset.CSS, if you are not already using it, can save some time from the CSS editing process.

What is Reset.CSS?

Reset.CSS is simply a collection of CSS styles which removes and neutralizes the inconsistent default styling of HTML elements.

By using Reset.CSS, you simply clear the default values of web browsers and you won’t need to alter these differences for every element again.

There are 2 popular Reset.CSS styles:

• YUI Reset CSS
• meyerweb.com Reset.CSS

How to use Reset.CSS?

Using Reset.CSS styles as another CSS file or by inserting the Reset.CSS styles at the top of your CSS file is enough.

SearchField is a lightweight and unobtrusive script that adds styling and static auto-suggest behaviour to your search form fields.

Auto-suggest data comes from a static data source, a JavaScript file, no data connections are necessary, updating the JavaScript with the common phrases is enough.

To use SearchField, all you need is linking to the CSS and JavaScript files, that’s all.

ADxMenu is a JavaScript and CSS drop-down menu solution which web designers will find easy to modify.

It supports unlimited sub-menus and offers a simplified usage as it uses the well-known <ul> <li> tags to create the menus rather than JavaScript configurations (JavaScript editing can be done for extra modification).

ADxMenu works in most of the modern browsers (an extra solution exists for IE6) and supports both horizontal & vertical menu types, even right-to-left and bottom-to-top.

Control.ProgressBar is a percentage based progress bar widget for Prototype.js.

Progress bar can grow:

• on a timed interval
• when events in your application tell it to
• it can be set to poll a given URL.

The mechanism for action is simple, just create a div with relative or absolute positioning, attach the JavaScript, and this control will set the width of the inner element as necessary.

woork, a blog that has some very nice web resources, shows how to create the famous digg-like navigation with a tutorial & source files.

The tutorial also explains how to create liquid & rounded corner items that you may find useful.