2011 九月 | 田园牧歌

九

HTML5 网站大观：15个清爽简约风格的 HTML5 网站作品

　　本期的 HTML5 网站大观与大家分享15个精美的 HTML5 清爽简约风格网站。HTML5 是现在Web开发领域的热点，越来越多的开发人员开始使用 HTML5 来开发交互性强、效果出众的Web应用和游戏。希望这些制作精美的 HTML5 网站实例能帮助大家更好的学习 HTML5 网站制作。

Naomi Atkinson Design

Neve Inspired

Creative Jar

Crane Brothers

Touch Tech

Evil Studio

Simplebits

Assembly

Food Sense

Image The Music

2011 Buildconf

Method Design Lab

Notion Technologies

Design Intellection

FiveSimpleSteps

本文网站选自html5awesome.com，如果您喜欢这篇文章，记得推荐和分享一下

您可能还喜欢

本文地址：15个精美的 HTML5 清爽简约风格网站欣赏

文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者: 梦想天空（山边小溪）发表于 2011-09-28 00:37 原文链接

评论: 3　查看评论　发表评论

最新新闻：
· 10 个易于开发的移动应用开发框架(2011-09-28 13:17)
· 征途2公测破40万被指受益网游下乡官方否认(2011-09-28 13:12)
· Facebook移动主管：公司并未定位为社交网络(2011-09-28 13:11)
· 谷歌租用伦敦东区7层大楼为初创企业提供平台(2011-09-28 13:10)
· 微软/索尼/任天堂合体再现山寨游戏神机(2011-09-28 12:56)

编辑推荐：Web前端开发中的MCRV模式

网站导航：博客园首页我的园子新闻闪存小组博问知识库

原文来自：博客园-梦想天空

九

75佳精美的 CSS 网页设计作品【全集】

　　CSS 定义如何显示 HTML 元素，用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式分离，极大提高了工作效率。然而因为浏览器兼容性问题，要使用 CSS 制作出高质量的网站不容易。这个系列的文章和大家分享75佳精美的 CSS 网页设计作品，一起欣赏。

75佳精美的 CSS 网页设计作品欣赏（系列一）

75佳漂亮的 CSS 网站设计作品欣赏（系列二）

75佳带给你灵感的 CSS 网页设计作品（系列三）

75佳非常漂亮的 CSS 网页设计欣赏（系列四）

75佳非常漂亮的 CSS 网站布局欣赏（系列五）

您可能还喜欢

英文链接：Best CSS Websites For Design Inspiration

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者: 梦想天空（山边小溪）发表于 2011-09-27 09:32 原文链接

评论: 3　查看评论　发表评论

编辑推荐：Web前端开发中的MCRV模式

网站导航：博客园首页我的园子新闻闪存小组博问知识库

原文来自：博客园-梦想天空

九

分享16个优秀的 CSS3 表单开发教程

　　CSS3 给 Web 开发带来了革命性的影响，以前很多需要 JavaScript 才能实现的复杂效果，现在使用 CSS3 就能简单的实现。今天这篇文章和大家分享16个优秀的 CSS3 表单开发教程。

Create a Stylish Contact Form with HTML5 & CSS3

Create a Slick CSS3 Login Form NO IMAGES ALLOWED

Glowform

Design a Prettier Web Form with CSS 3

How to Build Cross-Browser HTML5 Forms

How to Create A Multi-Step Signup Form With CSS3 and jQuery

A jQuery & CSS3 Drop-Down Menu With Integrated Forms

Styling a Simple Form using CSS3

Create A Clean and Stylish CSS3 Contact Form

Fancy Forms: HTML5 + CSS3 – JS

HTML5 & CSS3 envelope contact form

CSS3 Form 100% without image and without JavaScript

Clean and Stylish CSS3 Form

Fun with HTML5 Forms

Create a Clean and Stylish Login Form With HTML5 and CSS3

How to Create a Contact Form using HTML5, CSS3 and PHP

您可能还喜欢

英文来源：16 Best CSS3 Forms Tutorials

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者: 梦想天空（山边小溪）发表于 2011-09-26 08:24 原文链接

评论: 14　查看评论　发表评论

编辑推荐：Web前端开发中的MCRV模式

网站导航：博客园首页我的园子新闻闪存小组博问知识库

原文来自：博客园-梦想天空

九

25个优秀的About Me页面设计案例

　　个人网站都会有自我介绍页面，用于介绍作者的个人信息，如联系方式，职业等等。今天这篇文章收集了25个优秀的About Me页面设计，希望能带给你灵感。

Unfold

Janis

The Guide to the App Galaxy by Google

Discover new music | Hear something you love.

Vector Mill

Amazee Labs

Wing Cheng

xhtmlCafe

Hugs For Monsters

Grip Limited

Toby Powell

Dan Joe Design

Monkeyworks

Jason Reed

Mr. Joe Payton

Jacob Lee

Dribbble

Hello Group

Rain Creative Lab

Fi

Fuel Brand Inc

DesignWise

Candela Creative

Chris Spooner

Qais Sarhan

您可能还喜欢

英文链接：Effective Practices of About Me Design Pages

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者: 梦想天空（山边小溪）发表于 2011-09-26 08:22 原文链接

评论: 0　查看评论　发表评论

编辑推荐：Web前端开发中的MCRV模式

网站导航：博客园首页我的园子新闻闪存小组博问知识库

原文来自：博客园-梦想天空

九

25个强大的 jQuery 砌体网页设计作品

　　砌体（Masonry）是一种网页排布形式，类似于砖砌体、石砌体建造的结构，如下图，左侧是传统的使用CSS浮动实现的布局效果，右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用，能够充分利用网页空间，很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于jQuery实现的砌体网页设计作品，一起欣赏。

jQuery Masonry

Photography by Koa Metter

Chromeography

Pattern Tap – Alpha

Puma Running

Dazed Digital

Rather Splendid

The Inspiration Theme – Veerle Peters

Untitled

The Mid-Century Modernist

Glauce

Inspire Well

Min Tran’s Journal

VBG

Bettr 2.3.2

Matthew Anderson

Darren John

All In My Head

Ryan O’Rourke

Antimonotonia

drwr.it

Shaken Grid

Annebenor

Toutpourlesyeux

bench

centerline

您可能还喜欢

英文来源：25 Examples of Masonry jQuery Web Design

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者: 梦想天空（山边小溪）发表于 2011-09-23 00:17 原文链接

评论: 8　查看评论　发表评论

编辑推荐：Web前端开发中的MCRV模式

网站导航：博客园首页我的园子新闻闪存小组博问知识库

原文来自：博客园-梦想天空

九

75佳非常漂亮的 CSS 网站布局欣赏（系列五）

　　互联网高速发展中，每天都有成千上万的新网站诞生。最早的网站是没有样式的，后来引入了 CSS 用来格式化结构化的网页内容，用于精确的控制网页的布局和外观。然而因为浏览器兼容性问题，要使用 CSS 制作出高质量的网站不容易。今天开始推出系列文章和大家分享75佳精美的 CSS 网页设计作品，一起欣赏。