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

Archive for the ‘Templates’ Category

For creative professionals like designers and developers, rather than a printed CV, a personal website with the portfolio or an online CV is usually much more functional for displaying the skills in a snapshot.

Azuka is a well-designed and free HTML CV template which you can use as a starting point and update/modify as you wish to personalize it.

Azuka CV Template

It has a fixed 960px layout with semantic HTML5 + CSS and doesn't use any images except the photo.

There is also a detailed documentation provided and the template is free to use for personal or commercial projects.

You'll remember HTML5 Boilerplate, a great base HTML/CSS/JS template where you can build your HTML5 web project on top of.

Initializr is a generator based on HTML5 Boilerplate that helps you to customize this starter template.


It enables you to select options like:

  • whether there will be sample content or not
  • if JavaScript and jQuery used
  • Modernizr or html5shiv will be used
  • if any .htaccess, web.config or nginx.conf files will be used

P.S. The template has some functionalities removed from Boilerplate to focus on what most people use.

Every web designer/developer, if building any web applications or not using a CMS package, requires an admin interface to manage the website/application.

Admin Templates is a professional and beautiful XHTML template that covers most of the scenarios a back-end may require.

Admin Templates

It is built by the talented friends at SSLmatic and I'm already using it in several projects including Uptime Robot + can easily say that the template is so flexible.

First of all, it has no hacks or anything complicated, just easy-to-understand XHTML. It is integrated with jQuery + jQuery UI and comes with various widgets like:

  • accordion
  • tabs
  • date-picker
  • lightbox
  • charts (that are created from tables)

And, if you don't use jQuery, just remove the include files and it is still very useful.

The template uses very few images and offers various navigation options where you can use any or all of them: a drop-down menu with 2-levels deep support at the top and "static and/or accordion side menus".

Admin Templates - Table

For displaying tabular data, a well-designed table is there with all the styles for paging, bulk actions, adding new records, etc.

One of the most used parts in and admin interface: forms are good-looking too. You can group radio or checkbox elements and every items has a spot for displaying warnings which are small but effective features.

There are much more features like a login form with a sliding "forgot password" form, message boxes for errors, warnings or successful actions, a design for displaying/managing images and more.

And, everything is styled to match a specific design which you simply can not go wrong.

The licensing is pretty straight-forward as well: get a single license and use it in any/many of your projects.

Huge Discount For WRD Readers

Admin Templates is offering a 33% special discount to WRD readers which makes the price $30 (rather than $45).

To get the discount, use the discount code: "wrd" in the pricing page (discount is valid for a limited time).

We are pretty bored with the current limits of the HTML-CSS and it is clear that the HTML5-CSS3 is the cure to let the creativity flow.

And, browser compatibility is no more a big issue as there are various resources like Modernizr, ExplorerCanvas or IE7.js that empower incompatible browsers.

If you didn't already, it is a good idea to warm your hands on HTML5 and CSS3 as they offer so much.

Here are 10+ free HTML5-CSS3 website templates to help you get inspired and started:

HTML5 Starter Pack

HTML5 Starter Pack

HTML5 Starter Kit is an impressive template that doesn't force you to build a specific type of website but shape it how you want.

This free HTML5 template is cross-browser (including IE6), tablet/netbook ready, can instantly use Cufón and includes some structural/re-usable classes.

And, it includes the layout as a .PSD file.

Gotta’ love HTML5 & CSS3

HTML5-CSS3 Image Gallery Template

An image gallery layout with HTML5-CSS3 which includes:

  • animated transitions, like a hover animated description for the images, using only CSS
  • a tabbed interface for different galleries using CSS3’s :target element

Read the rest of this entry »

For a designer, developer, photographer or anyone/any business creative, the website of their own is the best place to showcase their skills and services.

You may be "about to design your new portfolio website" and thinking whether you should start from scratch or get inspired from/use a template.

And, not sure to use a CMS or maybe considering to start designing it in Photoshop?

No worries. Here is a collection of 20+ free portfolio templates, WordPress themes and PSDs to help you get started or inspired for a beautiful website.


XHTML/CSS Portfolio Templates

WaterColored Web Portfolio (With PSD) (demo)

WaterColored XHTML Portfolio Template

This XHTML portfolio template is the result of a series of 2 tutorials which also includes the PSD of the design.

It has an image slider that is built with jQuery to display the featured works and a sidebar to display any other updates (from the blog, Twitter, etc.).

Seven Seas (demo)

Seven Seas Portfolio Template

A single page portfolio template with a unique design that has a slider and tooltips integrated.

Read the rest of this entry »

SSLmatic LogoThis article is sponsored by SSLmatic which sells SSL certificates (RapidSSL, Geotrust, Verisign) for much cheaper prices & offers great support. Check their site to get the cheap SSL certificates.

This week was a surprise Magento week at WebResourcesDepot for getting you closer to this awesome open source e-commerce application.

2 posts are published to guide you on installing & customizing your e-store:

And here is the 3rd (last) one which will help you a lot in beautifying your shop with 20+ free Magento themes:

Foot Printsdemo

Foot Prints Magento Theme

Magento Classicdemo

Classic Magento Theme


Magento Modern Theme

Read the rest of this entry »

OurTuts is presenting a good looking & free "coming soon" template with few built-in tricks.

It informs users with a count-down display (uses jQuery countdown) about when the website will be launched.

Free Coming Soon Template

The template has a slider in the bottom to display any other information (social network links & a newsletter entry is used by default).

It is built with valid XHTML/CSS, works in all major browsers & comes with the .PSD source file for future editing.

sendcube is presenting 10 free e-mail templates that can be used in the newsletters we send.

All of them are styled with inline-CSS & tested to work in major e-mail clients like Outlook 2000+, Lotus Notes, Hotmail, Gmail, Yahoo & more.

Free E-mail Templates

The templates (most of them) come in 3 versions: left-column, right-column or one-column to better suit your needs.

It is possible to preview them & download only the ones you prefer or in bulk. is a website providing 100+ free CSS templates that you can download, modify and use on your websites (both free & commercial) with no restrictions.

All templates are XHTML/CSS compliant & will work flawless on all major browsers.

Here are some examples from

To see more, check these free CSS templates., one of the most popular flash templates provider with a rich collection of premium website templates for all tastes, is giving away free credits to 3 WebResourcesDepot readers:

  • $100 credit to one reader
  • $75 credit to one reader
  • $50 credit to one reader

Credits can be spent on any FlashMint products which varies from high quality Flash IntrosFlash CMS Templates, premium WordPress Themes to Joomla Layouts & superior osCommerce / Swish Templates.

Details of winning the free credits can be found at  the bottom of the post.

FlashMint Flash Templates

Apart from the exclusive web designs, FlashMint provides Flash components (from XML slideshows to editable e-mail contact forms) for improving your website’s functionality and enhancing its presentation.

And, for any questions you may have before or after purchasing any FlashMint products, they offer a friendly & helpful customer support.

How to win the free credits?

Small Twitter IconSimply tweet this message on Twitter: Want to win $100 credit for Flash Designs from ? Check the details and join the contest at: (click to tweet easily).

Winners will be selected randomly from tweeters & announced 1 week later (10 June 2009) at WRD.

P.S. Credits can not be replaced with cash & it is possible to buy items with a higher price than the credit earned by simply paying the difference.

Uptime Robot