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

Archive for the ‘Templates’ Category

HTML vCard is a free-to-use vCard website template which created exclusively for WRD readers by Muhammad Shahbaz Saleem of eGrappler.

It is a single-page, mini website that is powered with JavaScript (jQuery) and focuses on quickly displaying information about a person.

Free vCard Website Template

jQuery Drag'n Drop Demo
Download

By default, there are 3 pages which are presented with a sliding effect: About, Work and Contact.

"About" is pretty straightforward, the place where you mention details about yourself, list your skills, etc.

"Work" is an image gallery with paging to feature a portfolio (it has Lightbox support as well).

And, the "Contact" page, it is a fully-functional PHP contact form with validation. It can work with and without SMTP authentication as well.

Few setup details

The template is completely static except the contact form which requires PHP to function.

If you would like the contact form messages being e-mailed to you with SMTP authentication, there is a "mail.config" file in the root folder to setup those details.

That's all.

License

Use it freely (except re-distributing it without permission). No backlinks are required.

WordPress offers a huge space for creativity and flexibility when designing and developing new websites.

Any type of website can be built on top of it: from blogs to newspapers, corporate websites to landing pages and even social networks. All you need is a theme coded to handle that functionality.

WordPress Theme Frameworks

Yes, WordPress theme development. That is an easy process for experienced hands who knows the capabilities of the application and familiar with its functions and "not too hard" for others.

To simplify developing new themes, there are awesome WordPress theme frameworks and starter themes that you can use as a base for skipping the repetitive steps and begin with an optimized playground.

Here are the 34 free and good-quality ones that will save your time from searching them. And, in the bottom, you can find a comparison table for these WordPress theme frameworks.

 

Roots

Roots

The main power of this framework is its extremely clean WordPress code output, clean head and URLs (even for the head, CSS and JS paths).

Upon its activation, it automatically applies many useful customizations (like creating a homepage, defining the permalink structure, etc.).

Roots has 2 widget areas and it includes Blueprint CSS, 960.gs, the 1140px Grid, Adapt.js, Less Framework 4, Foundation by Zurb, and Bootstrap by Twitter.

Skeleton

Skeleton

It is a theme aimed at helping you build simple, uncluttered, useable, and mobile-friendly websites.

Skeleton has styling for typography and form elements + includes simple tabs and accordions.

The theme is based on and inspired from Skeleton Responsive Boilerplate, Theme Options Framework, Thematic Framework, Formalize and TwentyTen Theme.

P.S. There are also optional styles for bbPress and Jigoshop.

Read the rest of this entry »

WordPressThemeShock, a website that releases high-quality freebies from time-to-time, has just published a huge set of free PSD website templates.

The set consists of 99 templates with well-layered PSD files, each having a homepage and internal page designs.

Such a big resource is very handy not only for using them as templates but also making use of the layers we like on other projects.

P.S. They are free to be used in personal projects and commercial usage requires a license.

Free PSD Website Templates

When working on a new web project, displaying a "coming soon page" on its website is a common and good way of informing the visitors about "when it will be launched", contacts details and even the progress of the project.

Sooner or Later is an exclusive coming soon template for WebResourcesDepot readers that is designed by Viv Singh of VIVROCKS.com.

Free Coming Soon Template

The template is simplistic, has an easy-to-update HTML code and displays a countdown timer for providing an exact launch date-time to visitors.

It makes use of the the Final Countdown plugin for jQuery and launch date can be defined very quickly.

There are also links for the most popular social networks: Facebook and Twitter, so the users can keep connected while the website is not ready.

License: Feel free to use it on any personal or commercial projects (no back links are required but please keep the attributes in the source). It is only not allowed to re-distribute template.

jQuery Drag'n Drop Demo
Download

Although listing the contents of a directory is not a good practice for most of the websites (considering the complete structure and files will be available to the public eyes), it is an easy way to show and share files.

The default Apache directory listing/index page is not the most handsome one and h5ai is a template built specifically to improve these pages.

h5ai

Its is built with HTML5 Boilerplate, jQuery + Modernizr and can be implemented with few steps: "copy folder h5ai to the web-root directory of your server and update the .htaccess file".

There is a list of options provided inside a JavaScript file and, best of all, the output can be presented in multiple languages with the strings being defined inside that JS file.

WordPressThemeShock has recently released a design bundle which includes many freebies.

It is totally free to download and not offered for a limited time.

Free Design Bundle

The bundle consists of:

10 WordPress themes

The themes have many custom options like 3 different image sliders, dropdown-menus, image gallery, contact form with captcha, etc.

750 high-quality icons

The icons include the most important items to be used in web apps like actions, files, media and much more. They come in 5 different size and in .PNG + .PSD formats.

Many design elements

And, there are many other design freebies like site templates, buttons or vector elements.

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.

Initializr

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 »

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com