Web設計師必須了解各種各樣的Web設計風格，這才能讓他或者她在設計領域里有立足之地。

本文向你推薦10個附帶源碼的Web設計教程，希望對你有所幫助：

Adding Alarms to the Digital Clock

Creating a Mobile Event Calendar With DHTMLX

Create a Drop down Menu with Search Box in CSS3 and HTML

How to Make a Light Textured Web Design in Photoshop

How to Build a Vibrant Professional HTML5 Web Design

Build a MusicBrainz App

Create an E-Commerce Web Element with CSS3

Homepage Layout

PSD/HTML Conversion: Elegant and Simple CSS3 Web Layout

How to Make a Mac OSX-like Animated Folder with CSS3

英文原文：djdesignerlab

譯文鏈接：http://www.oschina.net/news/42810/10-vibrant-web-design-tutorials-with-source-file