[译] HTML5预览 (A Preview of HTML 5)
原文：http://www.alistapart.com/articles/previewofhtml5
作者：Lachlan Hunt
译者：zhaozy
扩展：
下载文件 (已下载 195 次)
html4和5的区别
http://dev.w3.org/html5/html4-differences/
更加详细的html5标记的文章：
http://www.ibm.com/developerworks/cn/xml/x-html5/
与xhtml2.0的区别
BI讨论http://bbs.blueidea.com/thread-2826586-1-1.html 
原文：http://www.alistapart.com/articles/previewofhtml5
作者：Lachlan Hunt
译者：zhaozy
扩展：
下载文件 (已下载 195 次)html4和5的区别
http://dev.w3.org/html5/html4-differences/
更加详细的html5标记的文章：
http://www.ibm.com/developerworks/cn/xml/x-html5/
与xhtml2.0的区别
引用
为何要创建 XHTML 2.0？
XHTML 1.0 的目的是将 HTML 转化成 XML 词汇表。它为 HTML 引入了 XML 语法约束：区分大小写、必须用引号括起来的属性值和成对的标签。这项任务完成了，XHTML 2.0 致力于解决 HTML 作为一种 Web 页面标记语言的问题。
W3C 的 Steven Pemberton 在阿姆斯特丹 XTech 2005 大会上所作的演讲中（请参阅参考资料）阐述了 XHTML 2.0 的设计目标：
1.尽可能的使用 XML：如果一种语言特性已经在 XML 中存在，就不要重复或者重新发明。
2.结构高于表示：感谢 CSS 样式表，HTML 不再需要专门的表示性标签。
3.使 HTML 更容易编写：删除 HTML 中一些无用的特征。
4.更高的可访问性、设备中立性：尽量避免假设读取文档的方式。
5.改进的国际化。
6.更好的表单：盼望已久的改进！
7.减少脚本的需要：HTML 本身包含典型的脚本用法。
8.更好的语义：使 HTML 和语义 Web 应用程序更容易集成。
XHTML 1.0 的目的是将 HTML 转化成 XML 词汇表。它为 HTML 引入了 XML 语法约束：区分大小写、必须用引号括起来的属性值和成对的标签。这项任务完成了，XHTML 2.0 致力于解决 HTML 作为一种 Web 页面标记语言的问题。
W3C 的 Steven Pemberton 在阿姆斯特丹 XTech 2005 大会上所作的演讲中（请参阅参考资料）阐述了 XHTML 2.0 的设计目标：
1.尽可能的使用 XML：如果一种语言特性已经在 XML 中存在，就不要重复或者重新发明。
2.结构高于表示：感谢 CSS 样式表，HTML 不再需要专门的表示性标签。
3.使 HTML 更容易编写：删除 HTML 中一些无用的特征。
4.更高的可访问性、设备中立性：尽量避免假设读取文档的方式。
5.改进的国际化。
6.更好的表单：盼望已久的改进！
7.减少脚本的需要：HTML 本身包含典型的脚本用法。
8.更好的语义：使 HTML 和语义 Web 应用程序更容易集成。
BI讨论http://bbs.blueidea.com/thread-2826586-1-1.html
layout-flow:vertical-ideographic和writing-mode:tb-rl都不能够被ff支持，css3里，目前也是一样。
这里提供2类3种解决办法。
这里提供2类3种解决办法。
这是到现在为止，这是让我最high的flash游戏。
游戏共100关，每一关又分为5个小关，每一小关都凸显了游戏设计者的智慧！
大家在C:\Documents and Settings\Administrator\Application Data\Macromedia\Flash Player\#SharedObjects\ 82F4UWZS（每个机器是不同的）\localhost文件夹下找到n_v14b_userdata.sol文件，它记录了游戏的过关信息！
我把我的放在网上了，大家可以把它下载回去，覆盖同名文件！
绝对经典中的经典，特别特别的耐玩！
也许，它的物理游戏引擎 你可以写出来，但是每一关卡都设计出来，却绝非易事！
点击nv-14.swf下载 n_v14b_userdata.sol下载
注意咯，跳跃是SHIFT键
游戏共100关，每一关又分为5个小关，每一小关都凸显了游戏设计者的智慧！
大家在C:\Documents and Settings\Administrator\Application Data\Macromedia\Flash Player\#SharedObjects\ 82F4UWZS（每个机器是不同的）\localhost文件夹下找到n_v14b_userdata.sol文件，它记录了游戏的过关信息！
我把我的放在网上了，大家可以把它下载回去，覆盖同名文件！
绝对经典中的经典，特别特别的耐玩！
也许，它的物理游戏引擎 你可以写出来，但是每一关卡都设计出来，却绝非易事！
点击nv-14.swf下载 n_v14b_userdata.sol下载
注意咯，跳跃是SHIFT键
今年7月22日上午，我国长江流域中下游区域将出现一场壮观的日全食天象，这是两千一百三十二年来全食时间最长的一次日全食，我国境内是最佳观测。
2009年7月22日上午8时左右，将发生本世纪最重要的一次日全食，中国是最佳观测地。从初亏至复圆长达两个多小时，中国境内可以看到的最长日全食时间可达6分钟，全食带宽度可达250公里，自西向东经过西藏南部、四川中部、湖北南部、河南南部、安徽南部、江苏南部、浙江北部和上海等省市。
.e{
color:#FFF;/* all */
[;color:#0F0;]/* Sa,CH */
color:#FFF\9;/*IE6、7、8*/
*color:#FF0;/* IE7、6 */
_color:#F00;/* IE6 */
}
@media all and(min-width:0){
.e{
background-color:#FF5500;/* OP */
}
}
2010/07/24
随着webkit的升级
@media all and(min-width:0){
/css/
}
这个hack已经普遍被识别，倒霉的opera下的inline-block咋这样了捏?
color:#FFF;/* all */
[;color:#0F0;]/* Sa,CH */
color:#FFF\9;/*IE6、7、8*/
*color:#FF0;/* IE7、6 */
_color:#F00;/* IE6 */
}
@media all and(min-width:0){
.e{
background-color:#FF5500;/* OP */
}
}
2010/07/24
随着webkit的升级
@media all and(min-width:0){
/css/
}
这个hack已经普遍被识别，倒霉的opera下的inline-block咋这样了捏?
天下难事,必做于易;天下大事,必做于细。——老子
设计中的细节表达，能够体现一个人的创新意识和能力。注重细节，能够让你去挖掘出更深层次的内涵。从而在侧面大幅度提升作品的影响力。让设计更具说服力。
细致入微
在写作中，使用细节来渲染、突出人物的形象、性格，是一种很常见同时很有效的方法。细节贵在传神，传神而突出。可以用来烘托气氛、衬托环境、突出人物性格；在产品中可以提升用户舒适度，提升用户的安全感；在生活中，细节可以让人感动。
这里并不是把细节给神化了。无论你是大开大合，还是大巧不工，但总有个画龙点睛的过程。而细节，就是画龙点睛的那一笔。而这一笔，贵在精而不在多；贵在质而不在量。从100个细节中挑选1、2个来进行突出。这才是本文的重点。而细致入微用在设计上，在这个用点点堆积而成的显示器上，入微到1px×1px的大小。
当然不可能只是文字了...里边有精彩的教程！
设计中的细节表达，能够体现一个人的创新意识和能力。注重细节，能够让你去挖掘出更深层次的内涵。从而在侧面大幅度提升作品的影响力。让设计更具说服力。
细致入微
在写作中，使用细节来渲染、突出人物的形象、性格，是一种很常见同时很有效的方法。细节贵在传神，传神而突出。可以用来烘托气氛、衬托环境、突出人物性格；在产品中可以提升用户舒适度，提升用户的安全感；在生活中，细节可以让人感动。
这里并不是把细节给神化了。无论你是大开大合，还是大巧不工，但总有个画龙点睛的过程。而细节，就是画龙点睛的那一笔。而这一笔，贵在精而不在多；贵在质而不在量。从100个细节中挑选1、2个来进行突出。这才是本文的重点。而细致入微用在设计上，在这个用点点堆积而成的显示器上，入微到1px×1px的大小。
当然不可能只是文字了...里边有精彩的教程！
译者的话：
如果说眼睛是心灵的窗口，那心理学与设计就必然存在某种联系。我们对某些图案的认知及视觉理解与人的心理有着非常密切的关系。而对心理学某些原则的了解则有助于我们对设计的整体把握。其中，平衡感是最重要的一个视觉法则。
原文出处：www.bamagazine.com
这个世界上到底没有设计的法则？上个世纪初，奥地利及德国的心理学家创立了格式塔理论（Gestalt），该理论旨在解释人类的行为是如何与视觉经验产生关联的。格式塔理论解释了我们的眼睛对一个事物及对象的理解是一个综合的体验，而不仅仅是我们所见的简单叠加，它还包括我们以前对该事物及对象曾经有过的感受。我们不是心理学家，但作为一个设计者，了解格式塔理论对你在设计的把握却非常有帮助。
如果说眼睛是心灵的窗口，那心理学与设计就必然存在某种联系。我们对某些图案的认知及视觉理解与人的心理有着非常密切的关系。而对心理学某些原则的了解则有助于我们对设计的整体把握。其中，平衡感是最重要的一个视觉法则。
原文出处：www.bamagazine.com
这个世界上到底没有设计的法则？上个世纪初，奥地利及德国的心理学家创立了格式塔理论（Gestalt），该理论旨在解释人类的行为是如何与视觉经验产生关联的。格式塔理论解释了我们的眼睛对一个事物及对象的理解是一个综合的体验，而不仅仅是我们所见的简单叠加，它还包括我们以前对该事物及对象曾经有过的感受。我们不是心理学家，但作为一个设计者，了解格式塔理论对你在设计的把握却非常有帮助。
也就是总结一下，良好的书写习惯对于后期的维护有着很让人惊诧的作用；同时，书写习惯决定了阅读的难易程度。而这里的写法，基本上也就是对css从了解到熟悉到主动思考的一个过程。
一：刚开始的写法
或者
一：刚开始的写法
引用
.menu ul li
{
color:#087C00;
width:495px;
height:25px;
border-bottom:1px solid #087c00;
text-align:center;
line-height:25px;
}
{
color:#087C00;
width:495px;
height:25px;
border-bottom:1px solid #087c00;
text-align:center;
line-height:25px;
}
引用
.menu ul li{
color:#087C00;
width:495px;
height:25px;
border-bottom:1px solid #087c00;
text-align:center;
line-height:25px;}
color:#087C00;
width:495px;
height:25px;
border-bottom:1px solid #087c00;
text-align:center;
line-height:25px;}
