Professional web designers and web 2.0 experts

Archive for the ‘Templates’ Category:

Admin Templates: Professional XHTML Back-end Template (Huge Discount For WRD Readers)

June 23rd, 2010 No Comments Posted in Back-end, Extras, Goodies, Other License, Reviews & Giveaways, Templates

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.

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".

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).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tags: Back-end

10+ Free HTML5-CSS3 Website Templates (To Start Designing For Tomorrow)

June 1st, 2010 No Comments Posted in CSS3, Goodies, HTML5, Other License, Templates

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 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

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

A Free HTML5 and CSS3 Theme

The template has a working sub-page and a contact form which has a server-side validation and send-mail code (PHP).

It uses 960.gs and has a custom font named Chunkfive that makes use of @font-face.

Coding A HTML 5 Layout From Scratch

The template is a showcase for most of the new elements header, footer, section and so.

hCard microfortmat is used as well to define the creator of the template.

In means of CSS3, there is the popular text-shadow and others like last-child or selection.

52framework

52framework is a complete tool to help you start building with HTML5 and CSS3 with the use of new tags, input fields, rounded-corner, text-shadows, etc.

It includes a grid system and CSS reset (that is modified for HTML5).

iPhone App. Website With HTML5

A very detailed tutorial on creating an iPhone application website using CSS3 and HTML5.

The template uses new tags like section, aside, header and footer.

Create An Elegant Website With HTML 5 And CSS3

This is a tutorial on creating a slick webpage with HTML5-CSS3 and shares the result as a free download.

Many new elements are used and Modernizr is integrated for IE compatibility.

Free HTML5 Template

A HTML layout that comes in 2-column and 3-column versions.

It also includes the .PSD file of the layout.

HTML5 & CSS3 One-Page Template

A one-page-template that uses jQuery for sliding the content for displaying the specified links.

There is also an optional HTML version provided.

OWMX 1 HTML5-CSS3 Template

A 2-column blog layout that uses many new HTML5 tags and CSS3 techniques.

It also uses the hCalendar microformat.

FlipThru HTML5 and CSS3 Template

The template is a pretty simple one using the HTML5-CSS3 features.

However, it has a pretty-slick accordion that only makes use of CSS3.

HTML5-CSS3 Starting Template

This starter template offers a complete structure for a HTML5 website that will be built with PHP.

It includes CSS styles for the layout, typography, print and reset.

There are already PHP includes for functions, header, footer, etc.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tags: CSS3, HTML5

20+ Free Portfolio Templates, Themes And PSDs

April 28th, 2010 No Comments Posted in Goodies, Other License, PSD, Templates, Wordpress

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)

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)

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

Your Inspiration Folio (With PSD) (demo)

Your Inspiration Folio is a one page template that has an integrated Lightbox to display images and an Ajaxed contact form.

There is also a tutorial provided on the design process of the template.

Cosmos (demo)

The template has a spot for Twitter integratiion to display the latest tweets (not integrated) and a slider that can also show any content besides the images.

YIW Minimal (With PSD) (demo)

A minimalistic template with a content slider in the homepage to display featured projects.

It has an about, portfolio and a contact page (and a contact form with validation). The template also has a Photoshop tutorial.

A Simple Folio (demo)

Just like the name says, it is a simple XHTML-CSS portfolio template with a huge slider.

The template only comes with the front-page and doesn't have any sub-pages inside the download.

Woody Portfolio (demo)

Woody Portfolio is a single page template with a slider to display the latest works and a contact form.

Sweet Dreams (demo)

A portfolio template with a beautiful background and a huge slider.

Wordpress Portfolio Themes

FolioGrid (demo)

FolioGrid enables you to display your portfolio in a grid where users can sort them according to their categories and comment to each.

It comes with 3 different styles: dark, light and yellow.

Irresistable (demo)

A high quality theme with a multimedia focus that integrates some video options-widgets for Flickr and Twitter.

It has an integrated banner manager and a video player.

Cumulus (demo)

A very nice and clean portfolio theme with an image slider in the frontpage that displays the latest images from the portfolio.

It offers an easy navigation to browse any content created and the portfolio itself.

SimpleFolio (demo)

SimpleFolio is a beautiful Wordpress portfolio theme which is widget-ready and has an image slider.

It has drop-down enabled navigation menus and threaded/paged comments.

FotoFolio (demo)

FotoFolio is a Wordpress theme that is focused on displaying images which is great for designers, photographers, etc.

It has a jQuery-powered slideshow and zoom functionality.

Sharpfolio (demo)

The theme enables anyone to showcase any creative in a simple and clean way.

Infinity

Infinity is a creative theme which is suitable to showcase portfolio.

It is integrated with Flick, Delicious and Twitter.

Portfolio-WPESP (demo)

This portfolio theme is simple-yet -functional with features like a slider and customized project showcase page with custom fields usage to present the client, company and so.

PSD Portfolio Website Layouts

Simple & Cloudy Portfolio Layout in Photoshop

This Photoshop portfolio template is a simple and clean one which presents the featured works, latest items from the blog and a contact form at the homepage.

Portfolio Website Template In PSD

A simplistic template to display featured items and short info about the content you prefer (about you, testimonials, etc.).

Free Portfolio PSD

It has a modern typeface, a slider for featured items and more modules to display information about you.

There is also sidebar to integrate the tweets.

Grunge Layout

This grunge PSD portfolio layout focuses on the showcase of the items and has icons/links to the social networks the site owner uses.

Clean Portfolio PSD

A portfolio layout uses a pleasant color scheme and a clean design to give designers a place to promote their work.

This PSD portfolio template also has a tutorial that shares the steps of how it was created.

Simple PSD Portfolio

This is a pretty simple and clean design of a portfolio website with a slider and display of projects.

Any suggestions of other good portfolio templates? Please share them and we'll be happy to include them to the list.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tags: PSD, Wordpress

Free Magento Themes Collection

March 18th, 2010 No Comments Posted in E-Commerce, Extras, Goodies, Other License, Templates, Theme

This 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: