Formee – Customizable CSS Forms Framework

Posted on April 30, 2010 by Umut M.

Formee is a CSS framework for easily and quickly creating cross-browser web forms.

It works with the technique provided by Fluid 960 Grid System to compose the form's layout, allowing total flexibility to put it in any website or web system.

The framework fits into any project as it has a structure built around percentage widths which adapts to the space available.

Formee is built with the smallest number of tags possible and it generates semantic forms.

Styling the forms created is not complicated as the framework comes with 2 CSS files: one for the structure and the other for styling.

And, there also some side elements in the package that are widely used with web forms such as message boxes to show errors, warnings and success alerts.

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

Amazing Database Of Free Vectors – LAFKON vektorDB

Posted on April 30, 2010 by Umut M.

LAFKON vektorDB is a huge database of free vectors created by LAFKON Publishing.

The database consists of design sets (collection of traffic signs, sports, etc.) and individual illustrations of various objects, people and more..

Items come as layered PDF files which can be edited or customized easily.

Designs shared are free to be used in open source projects or free/commercial project with an attribution.

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

26 Unusual but Very Creative Business Cards

Posted on April 29, 2010 by Noura Yehia

Business cards can be as important as your website identity. Most business cards tend to be forgotten, which is why they are not effective. Business cards can become great interactive elements with the added ability to have custom shapes, different materials and matte finishing along with a great design idea.

In today’s article, we would like to present a collection of unusually creative Business Cards that can leave behind a good impression for the yourself.

- Business Card Recyclingh3>

Source

- Bottle Opener

Source

- Original Card Design

Source

- Sergii Bogulavkyi

Source

- Sarah Powers Media

Source

- 1scale1

Source

- IGS in stainless

Source

- Mogibo

Source

- Personal Trainer

Source

- Transparent

Source

- Toxic Puppy

Source

- LEGO

Source

- NinjaBTL

Source

- Krakatua

Source

- lush

Source

- Murillo Design

Source

- Using a thread

Source

- BRCKT

Source

- EDUARD CEHOVIN

Source

A JavaScript Toolset For Prototype.JS – Qutensil

Posted on April 28, 2010 by Umut M.

Qutensil (or Q.js) is a JavaScript toolset built on the top of prototype.js and scriptaculous libraries.

It is featuring various modules like:

growl-like user messaging system
color picker (based on raphaël)
slider
tooltip system
draggable window and alert / confirm / prompt windowing system.

The toolset is using a dynamic stylesheet system which generates the CSS declarations on demand and only for the modules active at that time.

And, optionally, you can add your own declarations for any given class which makes object styling really easy.

For further customization, the original vector files for every image used is provided too.

P.S. Qutensil is only free for personal use.

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: Javascript, script.aculo.us

20+ Free Portfolio Templates, Themes And PSDs

Posted on April 28, 2010 by Umut M.

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

12 Elegant, Free & High Quality HTML5+CSS3 Templates

Posted on April 27, 2010 by Noura Yehia

HTML5 is the next major version of HTML. HTML5 provides some great new features for web designers who love to create readable code and semantically-meaningful layouts. HTML 5 introduces and enhances a wide range of features including: form controls, APIs, dragging and dropping, multimedia, drawing graphics on screen and a lot more.

The new specifications has added quite a few interesting and useful tags for structuring your markup.
In today’s post, we would like to present 12 elegant, free and high quality HTML5+CSS3 Templates for your next project, some of these templates include a step by step tutorials to teach you how to create your own.

1. Touch The Future: Create An Elegant Website With HTML 5 And CSS3

The aim of this tutorial is to create an elegant blog/portfolio for an efficient professional (graphic and web designer or photographer). You will can download the template at the end of the tutorial.

2. Free 2 Column & 3Column HTML5 template

2 column layout and another 3 column with a little contact box, .psd file is included with each template.

3. One-Page Website Template

An HTML5 web template, using some of the new features brought by CSS3 and jQuery, with the scrollTo plug-in.

4. EarthDay HTML5 and CSS3 Template

EarthDay is a 3-column HTML5 and CSS3 template designed to honor Earth Day. Sporting the blues and greens we’ve come to expect from eco-friendly sites, the template should work well for any green inspired content.

5. Coding A HTML 5 Layout From Scratch

A very basic layout which covers most of the elements we can start coding using HTML5. Basically: the page’s name and it’s slogan, a menu, a highlighted (featured) area, a post listing, an extras section with some external links, an about box and finally a copyright statement.

6. FlipThru HTML5 and CSS3 Template

FlipThru is a 1-column business-oriented HTML5 and CSS3 template that makes extensive use of CSS3 to create a horizontal accordion effect. This effect does work in IE as well.

7. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to learn how to build a blog page using next-generation techniques from HTML 5 and CSS 3. Pretty much your every day blog design. Header with title, horizontal navigation, content area with comments and form, sidebar and a footer.

Take a look at the markup:

<!doctype html>
<html>
<head>
	<title>Page title</title>
</head>
<body>
	<header>
		<h1>Page title</h1>
	</header>
	<nav>
		<!-- Navigation -->
	</nav>
	<section id="intro">
		<!-- Introduction -->
	</section>
	<section>
		<!-- Main content area -->
	</section>
	<aside>
		<!-- Sidebar -->
	</aside>
	<footer>
		<!-- Footer -->
	</footer>

</body>
</html>

8. Simple Website Layout Tutorial

A very Simple web page with HTML 5 and styling with CSS3.

9. Gotta’ love HTML5 & CSS3

A tabbed image gallery but animated using some CSS transitions. All of this is going to be built with HTML5 & CSS3, there is going to be NO use of flash or javascript for this layout.

10. HTML5 CSS3 starting template

It’s always useful to have a base to start a new website build from and what better way to encourage people to use HTML5 and CSS3 than sharing my basic HTML5/CSS3 template.

11. H5 WordPress Theme Template

The H5 Theme Template provides everything you need to create beautiful themes with HTML 5 right now. H5 contains a complete set of theme files and folders, and each file has been meticulously crafted with all of the latest and greatest WordPress functionality.

12. A free HTML5 and CSS3 theme

A truly HTML5 and CSS3 elegant theme with a Fully working Ajax PHP contact form, Uses the ChunkFive font to headings and IE6 & IE7 warning.

Professional PHP E-Commerce System: CS-Cart

Posted on April 27, 2010 by Umut M.

CS-Cart is a complete shopping cart application that can quickly enable any business to start selling online whether it is a single-product shop or a complete marketplace.

The application uses Ajax in many parts to ease usage and offers an overall smart logic for a better shopping experience like one-page checkout, featured/related products for cross selling and many more.

CS-Cart is installed with the help of a web-based installer and products/categories can be defined so fast as it supports bulk uploading of products/categories/images or importing/exporting any data from CSVs.

It supports unlimited (and nested) categories where products can be assigned to more than one of them.

The product is integrated with 50+ payment gateways (from payment processors to online systems) and all major shipping providers to get real-time shipping rates.

There are many tools provided to help selling/promoting products including:

promotions (get the 2nd product 50% off, free shipping or reward points system)
gift certificates
gift registry (users can create lists for weddings, birthdays, etc.)
built-in affiliate system

SEO is also taken good care of with SEO-friendly URLS, custom meta keywords for products, categories or content pages, auto-sitemap generation and more.

It has a powerful admin panel to manage the whole system, analyze the statistics of the store or contact the customers (newsletters, customer care center).

Customizing CS-Cart is pretty easy too. You can either choose from a gallery of 40+ templates or create a totally new one (uses Smarty).

The shop is multilingual (already translated to 8 languages) and new languages can be added by simply creating language files.

CS-Cart is really an impressive e-commerce system which actually offers much more from sales of digital goods to advanced stock management or SMS notifications to an integrated database backup-restore tool (make sure you check the demo).

The application is built with PHP, uses MySQL for storing data and it is open source which is great for developers to customize it further.

P.S. This post is a sponsored review.

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: Mysql, Php

Advanced JS Date-Time Picker – Any+Time

Posted on April 27, 2010 by Umut M.

Any+Time is a feature-rich jQuery plugin (has a PrototypeJS version too) for creating simple-to-advanced date and time pickers.

It can work as a pop-up or an always present picker, can be set as a time or date only picker and supports:

12/24 hour clock
any custom date format
date/time range limits
custom start day of the week
UTC offsets / time zones
and more.

Any+Time can be customized with custom labels and languages. Also, it can be styled completely via CSS or with the help of jQuery UI ThemeRoller.

Using the plugin, you can easily convert dates to/from strings (including JSON and XML) and it supports multiple instances in a single page.

It is keyboard-friendly (WAI-ARIA 1.0) and, optionally, can respond to double clicks.

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

JavaScript Password Strength Meter: chronoStrength

Posted on April 26, 2010 by Umut M.

Previously, a post at WRD was sharing 10 password strength-meter scripts for easily warning users about weak passwords while filling forms.

chronoStrength is a new one which comes as a standalone JavaScript file or a jQuery plugin.

Compared to the standard strength meters which visualize the strength of passwords with colors, this script displays "an estimate of the time for a desktop PC to crack the password".

And, the messages to be displayed can be customized by updating the source code a little which can end up in an original and funny experience.

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: Javascript, Password

Open Source Social Bookmarking Widget – OpenLike

Posted on April 26, 2010 by Umut M.

OpenLike is a fresh and open source social bookmarking widget which is simple-yet-functional.

Similar to professional services like AddThis or ShareThis, but much simpler, you can add social bookmarking options to any website by simply inserting a JavaScript file.

By default, the widget supports StumbleUpon, Reddit, Digg, Google Buzz, Twitter, Facebook Like and Hutch (the ones to be displayed can be customized).

However, as you can get the source, adding new ones is very easy by simply defining them to the JavaScript array, the CSS file and the sprite image.

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: Digg, Facebook, Google Buzz, Javascript, Reddit, StumbleUpon, Twitter

PAGES		META		ABOUT		SITEMAP		CONTACT
Home Company Portfolio Blog Contact		Website Design Cheap Website Design		We are a cheap website design company based in Portsmouth Hampshire on the sunny(mostly) south coast of the UK, specialising in bespoke website design... More »		Sitemap		Phone: 02392 000 456 Email: info@coolcreation.co.uk Twitter: cheapwebsiteuk

WEBSITE DESIGN BLOG

Related posts

Related posts

- TagToy

- Adafruit

- Sheet Seat

- Signa

- Metal (steinless steel)

- Annalisa Vargiu

- WildLabs

- Business Card Recyclingh3> Source

- Bottle Opener

- Original Card Design

- Sergii Bogulavkyi

- Sarah Powers Media

- 1scale1

- IGS in stainless

- Mogibo

- Personal Trainer

- Transparent

- Toxic Puppy

- LEGO

- NinjaBTL

- Krakatua

- lush

- Murillo Design

- Using a thread

- BRCKT

- EDUARD CEHOVIN

It is featuring various modules like:

Related posts

XHTML/CSS Portfolio Templates

WaterColored Web Portfolio (With PSD) (demo)

Seven Seas (demo)

Your Inspiration Folio (With PSD) (demo)

Cosmos (demo)

YIW Minimal (With PSD) (demo)

A Simple Folio (demo)

Woody Portfolio (demo)

Sweet Dreams (demo)

Wordpress Portfolio Themes

FolioGrid (demo)

Irresistable (demo)

Cumulus (demo)

SimpleFolio (demo)

FotoFolio (demo)

Sharpfolio (demo)

Portfolio-WPESP (demo)

PSD Portfolio Website Layouts

Related posts

1. Touch The Future: Create An Elegant Website With HTML 5 And CSS3

2. Free 2 Column & 3Column HTML5 template

3. One-Page Website Template

4. EarthDay HTML5 and CSS3 Template

5. Coding A HTML 5 Layout From Scratch

6. FlipThru HTML5 and CSS3 Template

7. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

8. Simple Website Layout Tutorial

9. Gotta’ love HTML5 & CSS3

10. HTML5 CSS3 starting template

11. H5 WordPress Theme Template

12. A free HTML5 and CSS3 theme

Related Posts-

Author: Noura Yehia

Related posts

Related posts

Related posts

Related posts

COOL CREATION, THE ORIGINAL CHEAP WEBSITE DESIGN COMPANY

- Business Card Recyclingh3>

Source