I would like to share the best design sites with you.  Here is a list of 50 websites hand-picked – Best of CSS Design 2009.

Capture the Valley

Beautifully designed single page site.

Squawk Design

Impressive design by a graphic arts student, Dominik Lenk.

Holiday To Go

Love the red color applied on the tinted background.

Team Green

The torn paper and grunge effects are nicely put together. If you like my previous artistic design collection, you will like this site.

Radiant Plumbing

How can a plumbing website be so artistic (check out the header artwork)? If the contrast on the text area is higher, it would be a perfect design.

Alex Buga

Love the semi-transparent effects applied on the wood texture.

Burnett Dairy

Very cooperative, yet friendly.

Variable

Another artsy site.

Pixelmator

A Mac application site with nice icons and layout structure.

Jon Tan

Good use of web typography and grid layout.

Scrapblog

A beautiful web-app frontpage.

Marius Roosendaal

Single page portfolio site of Marius Roosendaal. Don’t forget to check out both “Day” and “Night” theme.

Trale

I particularly like the details spent on the typography of Trale.

Sarah Hyland

Very well-done on the header design.

Eye Candy

Mmm yummy… both the design and chocolate bars. Another good design site powered by WordPress.

RealaSponse

Nice 2-column homepage.

Flame Digital

Very unique layout structure and nice background images throughout the site.

Tickerville

I like the design a lot, but I’m not sure if this design/style work for a financial related site.

Webstock

New Zealand’s web conference website.

Cabedge

Simple, clean, and comfortable layout.

I Love Typography

A blog by John dedicated to typography.

Shylands

Simple, large bold font, great color contrast…

Superawesome

Very unique illustration style and color theme.

Happy Cog

A classic beautiful site.

Free People

One of my favorite ecommerce sites. The amount of details spent on this site is incredible.

Wish Tree

The wish/tag cloud in the background is simply creative!

Biola Undergrad

Another artsy design.

Viget Labs

Nice use of Javascript and CSS (I mean the scrolling effects).

Svenigson

Very clean and boxy layout.

Stuff and Nonsense

Site of Andy Clarke.

J R Velasco

Designed by Miguel Ripoll (one of my favorite designers). He has great sense of web typography. The layout looks very chaotic, yet the content is organized.

Explore Cascadia

One word, beautiful.

Yellow Stone Park

A very nice design within the box.

Elliot Jay Stocks

A design blog by Elliot Jay Stocks. He is a very talented designer with great personality (based on my personal conversations with him).

Freelance Switch

Good design and great content (freelance related).

Knoxville

Retro style in collage form.

Electric Pulp

I’m loving the watercolor effects.

Vivabit

I’m not a big fan of liquid design, but this is a good one.

Surfgarden

Nice and clean 2-column blog design.

Tanya Merone

Another great example of single-page site.

Matt Brett

A nice design blog by Matt Brett, he is a designer gamer.

Larissa Meek

A beautiful blog design by Larissa Meek, formerly a model, now she is an art director at AgencyNet.

Noodle Box

Nice use of color contrast.

Kineda

A blog by Terry and Tami Ng (celebrity and entertainment news).

Pod3.tv

Another nice design blog.

Kev Adamson

Another sketchy design.

Eleven3

Another retro/collage approach.

Turbo Milk

Nice icon.

Veerle’s Blog

Another classic beautiful blog.

31three

Blog and design portfolio of Jesse Bennett-Chamberlain.

Related Resources:

• Usability Issues on Date Formating – Choosing the Right Date Format
• Shopping Cart Dark Designs and layouts for Inspiration
• Creative Back To Top Links Collection and Best Practices
• Awesome Photo Blog Designs for Inspiration
• Leaf brushes for Adobe Photoshop

Utah Travel

Lift Interactive

MailChimp

Idea Foundry

The Creative Dot

Michael Dick

Mission Community Church

Sushi & Robots

Wonderbra Ultimate Strapless

Light CMS

Two24 Studios

Typejockeys

Ecosimply

Glue

Adcetera Digital

LogoCranium

Matty Studios

Design Bridge

Robert Alan

Toggle

Southern Media

Delete

Powerful CMS

Levi’s

Organic Supermarket

World In My Lens

Affiliateo

My Opera

Kreative News

Red Velvet Art

The Seven Five

Pasadena Symphony and Pops

West Coast Poppin

Veer

The Invoice Machine

Tennessee Vacation

Ekklesia 360

Show & Tell Consignment Sale

Inner Metro Green

Apple Reviews

Looking to Hire a Designer or Developer?

Post  job listing to the Odesk job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. – Post a job for free.

Related Resources:

• Awesome Samples of Three Column Blog Design Inspiration
• Best of Travel & Hotel Website Designs for web design inspiration
• Website Amazing Designs for Inspiration
• Shopping Cart Dark Designs and layouts for Inspiration
• Secret Code Phrases to Get What You Want from Your Graphic Designer

Lord Likely

Hell Yeah Dude

Luova

Duirwaigh Studios

Citizen Wausau

Rin-Wendy

Argee

Owltastic

The 9513

Natalie Jost

Grain Edit

Austin Town Hall

DevKick

Veerle’s Blog

Pikaland

Designlab

Powerful CMS

Helium Workx

Gary Vaynerchuck

Quipsologies

Kris Colvin

3918

Some Random Dude

Kyle Haskins

Schneeballschl18.com

Related Resources:

• Awesome Navigation Menu Design Collection
• Best of Travel & Hotel Website Designs for web design inspiration
• Website Amazing Designs for Inspiration
• Shopping Cart Dark Designs and layouts for Inspiration
• Secret Code Phrases to Get What You Want from Your Graphic Designer

Experience Washington

Villa Bianca Hotel

Jacksonville Landing

MacAllan Ridge

Trapp Family Lodge

Monterey, CA

Service Plus Inns and Suites

Club Manche Attractive

Visit Snowy Mountains

Hotel Paradiso

Trent Cruising

Lanyon Holiday Cottages

West City Hotel

Baja Vacations

The Porches Inn

Vacation Rental Station

Visit Idaho

GoHawaii.com

Bahamas.com

Visit Maine

Visit San Antonio

Tennessee Vacation

Signature Attractions

Go Glamping

Alpine Meadows

Live Africa

Ausmag

Fall for Tennessee

Summertime in Tennessee

Springtime in Tennessee

Tennessee Winter

Lanikai Properties

Visit Cascadia

Lake Crackenback

Adventure Trekking

Design Hotels

Assaroe Falls

Related Resources:

• Awesome Navigation Menu Design Collection
• Awesome Samples of Three Column Blog Design Inspiration
• Website Amazing Designs for Inspiration
• Shopping Cart Dark Designs and layouts for Inspiration
• Secret Code Phrases to Get What You Want from Your Graphic Designer

Keep reading to see latest design inspiration every week and share yours in comment. This week’s inspirational designs are:

Related Resources:

• Awesome Navigation Menu Design Collection
• Awesome Samples of Three Column Blog Design Inspiration
• Best of Travel & Hotel Website Designs for web design inspiration
• Shopping Cart Dark Designs and layouts for Inspiration
• Secret Code Phrases to Get What You Want from Your Graphic Designer

Related Resources:

• Best of CSS Design Inspiration
• Awesome Navigation Menu Design Collection
• Awesome Samples of Three Column Blog Design Inspiration
• Best of Travel & Hotel Website Designs for web design inspiration
• Website Amazing Designs for Inspiration

Jazz Up Your Forms With MooTools Pt. 1 | 2

Learn to create really interactive forms with the following features

• Animated field highlighting
• Displaying/hiding instructions for each input field
• Live comment previewing
• Auto-resizing of both the comment preview and it’s corresponding textarea input
• live comment preview with the auto-expansion of the preview and the input textarea

demo 1 demo 2

HTML Form Tips Using MooTools

This is Twitter-likechars counter example using MooTools.It is counter decreases, from the max value of available chars in the input field (20 in this example) to zero, while you type something into the input field.

Calendar

This is a really good looking Calendar script. I has been created as semantic as possible–with proper usage of CAPTION, THEAD, TBODY, TH and TD elements–and lots of CSS styling hooks. View the Calendar stylesheet for examples of the CSS; see the Styling Your Calendar section in the Manual for references to the XHTML.

Calendar has been successfully tested in Safari, Firefox, Opera and Internet Explorer. The class requires Mootools 1.1 with Fx.Style, Element and Window. In order to enable dragging, the class also requires the Drag component.

Mootools Class – Form Hilighter

Simple Mootools class that will animate a highlight effect (on focus) of text input and textarea fields in any form.

Textboxlist meets autocompletion

TextboxList turns normal textboxes into a widget which can be navigated with the keyboard, effectively turning your input into a “list” of items that can be easily deleted. It comes with an Autocomplete plugin.

Mootools Form Validation

Ajax Username Availability Checker

This plugin allows you to check the username availability without reloading the page.

FormCheck – Form validation class

FormCheck is a class that allows you to perform different tests on form to validate them before submission.

Form Validator

fValidator is an open source (free) unobtrusive javascript tool for easy handling form validation.

• Works perfect with iMask as it’s complement.
• Multiple forms per page supported.
• Number of verified fields is not limited.
• Number of filters per field is not limited.
• Predefined formats: required, alpha, alphanum, integer, real, date, email, phone, url. (all customizable)
• Support to register missing formats.
• Highlight fields onValid and onInvalid.
• Error reporting just after onBlur.
• Easy to set and maintain.
• Unobstrutive and XHTML Strict friendly.

iMask

Who haven’t ever wanted to apply an input mask to an HTML form field? This very common feature in traditional GUI applications is not natively supported by web applications. iMask goal is to implement an easy way for developers to add mask into their form fields, increasing the database and software consistency with standard compliant XHTML and unobtrusive JavaScript.

Custom checkboxes, radio buttons and select lists

Have you ever wanted to use your own images for checkboxes, radio buttons or select lists? This script will let you do that. Easily. The unobtrusive script gracefully degrades, so if JavaScript is disabled, normal form input objects appear instead of your customized elements.

Grow a textarea

Just make a form, and this script will add the ability to resize each textarea…if you want to

Ajax login form (PHP & Javascript)

Great login script that have been through “blog comment improvement and testing”. There are a lot of comments and the author have answered and updated the script to meet users needs. Consists of 3 javascript files, 2 php files and 1 stylesheet.

Multiple Select Widget with Mootools

Awesome looking select box styling with only a few lines of code.

AutoCompleter (v1.1)

This AutoCompleter script for MooTools provides the functionality for text suggestion and completion. It features different data-sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and much more.

Custom Form Elements (CFE)

Ever wondered how you could style form elements like checkboxes, radiobuttons and select-fields in a way you like? You tried hard using the most ass-kicking XHTML/CSS tricks, but didn’t succeed without stuffing unnesscesary tags into your sleek sourcecode? Not to speak of the browsers and their “special abilities” in evaluating CSS.

Now this is for you! CFE finally found their way to SourceForge.net and allow you to style your forms individually!

Related Resources:

• jQuery Plugin – Form To Wizard
• .NET Style String Formatting with jQuery – Javascript Function to Support Token Replacement within a String
• Web Form Enhancement with jQuery Plugins and Tools
• 20+ Great Slider Techniques collection for Web Developers
• Free Javascript Code Syntax Highlighters For Better and Faster Programming

This article will showcase 32 awesome wallpaper for designers, so just have a look and download one for yourself. Hope you like them all! (Please click on the Images to visit the download link).

Related Resources:

• Best of CSS Design Inspiration
• Awesome Navigation Menu Design Collection
• Awesome Samples of Three Column Blog Design Inspiration
• Great & Beautiful HDR Photography Collection, WOW!
• Best of Travel & Hotel Website Designs for web design inspiration

So here’s a list of 11 dark shopping cart designs for Inspiration. Hope you like them all!

1. Abercrombie & Fitch

2. Shoeguru

3. Vaelproject

4. FusionSportsUK

5. Nike

6. Redtorpedo

7. Trysmilijonai

8. AroundShirts

9. Oakley

10. JamesBondWatch

11. OrganicSupermarket

Related Resources:

• Best of CSS Design Inspiration
• Awesome Navigation Menu Design Collection
• Awesome Samples of Three Column Blog Design Inspiration
• Best of Travel & Hotel Website Designs for web design inspiration
• Website Amazing Designs for Inspiration

In this presentation, you’ll find a variety of highly-creative, beautiful and most importantly inspirational back to top link which is following the same trend. We don’t want you to follow any specific trend as the aim here is to stimulate your creativity and to inspire your imagination to create your own design trend because your website represents you and your brand.

<body>
  <a name="top"></a>

  <!-- content goes here -->

  <a href="#top">top</a>
</body>

<body id="page">

  <!-- content goes here -->

  <a href="#page">back to top</a>
</body>

<body>
  <div id="wrapper">

  <!-- content goes here -->

  <a href="#wrapper">back to top</a>

  </div>
</body>

Related Resources:

• Best of CSS Design Inspiration
• Shopping Cart Dark Designs and layouts for Inspiration
• Awesome Photo Blog Designs for Inspiration
• Leaf brushes for Adobe Photoshop
• Vector Silhouettes of Dancing Girls