标签:UE

《HTML5设计原理》阅读笔记

今天读了一篇译文:Jeremy Keith在 Fronteers 2010 上的主题演讲《HTML5设计原理》,翻译的很不错,从中学到了很多东西。

从文章中了解一些HTML的历史,标准的制定也是很曲折的:
1、HTML是从2.0版本开始
2、W3C之前就有HTML了。W3C是后续接手HTML的定制工作
3、XHTML 1.0 代替HTML 4,但是XHTML 1.1却因为差异过大没有被业内接受
4、浏览器厂商爆发了,决定自己搞标准,成立了WHATWG,由于浏览器的支持,发展还不错
5、W3C认识到错误,与WHATWG合作定制,才有了现在的HTML 5标准

文中解释了设计原理的概念是什么。它本质上是一种信念、一种想法、一个概念,是你行动的支柱。不管你是制定规范,还是制造一种有形的物品,或者编写软件,甚至发明编程语言。比如,美国的设计原理都写在了《独立宣言》中:“我们认为这些真理是不言而喻的,人人生而平等,造物主赋予了每个人不可剥夺的权利,包括生存、自由和追求幸福。”。

文章提到一条设计原理:“伯斯塔尔法则(Postel’s Law)”。伯斯塔尔法则:“发送时要保守;接收时要开放。” 。这也让我想起以前定制接口规范的时候,对于客户端发送过来的数据格式要求过于严格,或者说是有些苛刻了。接口还是要友好一些,简单一些,效率才更高。做人也是,“严以律己,宽以待人”,也会让人觉得你更友善……

作者列出一些设计HTML 5中的理念:
1、避免不必要的复杂性。例如:HTML 5的终于把那烦人的doctype简化了
2、支持已有内容。不用再纠结于单引号,双引号了
3、解决现实问题。从理论上承认人们普遍存在的问题,解决理论问题,消除敏感问题。
4、求真务实。集中精力去理解这些“民间的”解决方案才是当务之急。
5、平稳退化。考虑兼容性,渐进增强的另一面就是平稳退化。
6、最终用户优先,一旦遇到冲突,最终用户优先,其次是作者,其次是实现者,其次标准制定者,最后才是理论上的完满。
首先为人类设计,其次为机器设计。
软件,就像所有技术一样,具有天然的政治性。代码必然会反映作者的选择、偏见和期望。

作者的设计理念值得让人回味,感慨颇深,在以后软件设计及开发中也应多多留意那。

感谢作者和译者。

PNG与JPEG格式图片的区别

在很久以前,大约是在2001年前后,曾经纠结于这两种图片格式。那时候还在玩FW与PS,只知道PNG的算法要比JPEG和GIF先进,输出图片的时候尽量选择PNG格式,因为绝大多数情况下PNG的图片显示效果要好于JPEG,而且文件也会更小。但也有列外,某些图片在使用PNG格式之后图片会比JPEG噪点多了,而文件却大的很。当时非常不理解,只有一个模糊的概念,就是在自己画图的时候要输出PNG会小一些。

时至今日,看了下面的文章才真正了解:来自淘宝UED的一篇介绍PNG与JPEG格式之间区别的文章“图片格式与设计那点事儿”。文章写的非常好,结构很清晰,从概念原理到实际应用都说的很明白,并提供了大量的图片示例。从文章中了解到:
1、PNG与JPEG格式相比,在算法上确实要先进
2、在颜色很多的场景,比如写实的摄影图、颜色层次非常丰富的时候,更适合使用JPEG
3、在颜色较少,渐变少,纯色多,颜色跨度大的时候,更适合使用PNG
4、在对PNG的调色板进行优化过后可以获得更小、效果更好的图片,方便网络使用
5、在大图的时候建议使用“交错”优化
6、根据场景对图片优化,哪怕要牺牲部分效果