30 个有用的 HTML5 和 CSS3 表单设计

来源HTML5 and CSS3: Wireframing in the final product. 框架是Photoshop和网页经典的比较之处. 现有的框架和原型工具不能准确体现网站的需求. 静态设计的网站不能在web浏览器上浏览. 而且当你完成网站最终建设，网页上一些元素看起来和草稿中相对应元素不完全一样，客户端会发现那些字体定位上的细微的区别.

每个应用程序都是独一无二的——但构成应用程序的组件却不尽如此. 工具箱和程序库能够捆绑高层GUI元素和概念，但它们也因此造成了对程序库的依赖. 一本名叫 《精通HTML5和CSS3设计模式》的新书研究记录了web应用程序的常用设计模式，并使用HTML5、CSS和JavaScript（需要的话）提供了这些设计模式的实现方案.

基本上表单是任何一个网站都必须要用到的元素，本文介绍的这 30 个设计方案供你参考，这些方案如果要单独下载完整可运行的文件则需要支付2-5美元的费用.

已经说了好久，一直没把这个文件夹分享出来. 这是我去年第四季度里做的，里面有 11 一个文档. 包括 HTML5 中最主要的 JS API 文档，还有 CSS3 中两个比较难的属性. 主要还停留在纯 API 层面上的研究，没有深入到应用中去. 不过，当做工具来使用，和入门文档，还是不错的. 特别是其中的 HTML5 JS API 文档.

HTML5 和 CSS3 是下一代 Web 开发标准，无论是针对内容结构还是媒体，HTML5 都引进了各种新元素. 今天大多数的现代浏览器的都已经支持 HTML5 和 CSS3，学习体验 HTML5 和 CSS3 给 Web 开发的便捷、快速和强大功能是每一位 Web 设计和开发人员的当务之急. 现在网上已经有很多关于 HTML5 和 CSS3 的网站，包括介绍、教程以及使用技巧等等.

　　转载请注明原创地址： http://www.cnblogs.com/softlover/archive/2012/11/25/2787429.html. 　　demo查看地址： http://www.webdesignerwall.com/demo/media-queries/. 　　CSS2允许你对特定media类型制定样式，例如针对屏幕或者打印机.

“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业，新标准既可能是无限财富的源泉，也可能导致企业帝国的毁灭. 尽管存在着如此多的风险，标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时，计算领域的主要争议是Unix是否是一个可行的操作系统（以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战），以及哪个视窗平台（SUN/AT&T还是IBM/DEC/HP）将成为标准.

　　利用HTML5和CSS3，还有一些出色的说明文档，你可以做些有创造力的网页表单. 因此，本文整理综合了22个CSS3表单教程. 　　点击各个小标题下方图片，即可进入相应英文教程. 　　你可能对以下文章也感兴趣. 　　成为一个顶级设计师的8个秘诀　　. 　　10个令人印象深刻的JavaScript动画效果网站.

HTML5/CSS3无疑是未来Web发展的方向，这一点在移动互联网领域已经得到了充分的证明. 如果你也是一名web开发者，想要深入了解关于HTML5和CSS3的话，你不妨看看下面这些教程. 这里有23个不错的HTML5/CSS3教程(有的使用了jQuery)，这些教程来自于国外的一些优秀的web开发者和设计师，相信看完之后你一定会学到不少东西.

HTML5和CSS3都是这两年来一直被热议的话题. 因为他们都有非常多的有趣的功能，他们会让您的网站不管是设计还是创意上都更加的时尚. 只是对于很多网页设计师来说最大的瓶颈还是浏览器之间兼容性的问题. 这似乎一直都是网页设计师心头的痛. 但在很多欧美国家，他们都敢于取舍，敢于创新和设计，甚至一些公司可以为了一些IDEA去放弃个别头疼的浏览器针对性的使用HTML5和CSS3来设计出想要的效果.