《无懈可击的Web设计II》这本书装订得很漂亮，全部彩色打印。貌似老外写的书，引进并翻译过来后再出版的基本都会好好做装订，像《Web界面设计》也是全彩打印，真贵啊——不过这也是设计类书籍的惯例。装订精美，也不愁销量。
###渐进增强与优雅降级
这部分内容主要在第4章：“网站是否需要在每个浏览器中看起来都一样？”中做了介绍。
先谈一下我的一个误区：之前，我一直是以为是否采用某个CSS3、HTML5的超前的技术，是由全球浏览器市场份额来决定的——当然，从全球网站这个宏大的观点来说，是没有大问题的。但对于任何一个特定的网站，不应该首要考虑全球浏览器市场份额，而应该参考自己的网站用户统计数据中关于所用浏览器的报告；除此之外，其他网站的用户统计或全球采样调查都是百无一用的（Eric Meyer，2004）。
今天上午10:00在清华三教参加的前端工程师的笔试。之前参加了腾讯、百度、小米的笔试，只有百度的那次答的不错，也进入面试了，腾讯和小米的笔试要求都比较高，会考数据结构与算法、操作系统、数据库、C/C++。
趁着还没忘干净，赶紧记录一下这次考试的心得体会，以及自己不会的题目，以便以后加强学习。
Illustrator最基本的渐变填充是线性渐变和径向渐变。记住一个快捷键命令：选中对象后，按Ctrl+F9，调出【渐变】色彩控制面板。
###练习作品01：Green Energy
这些天想通过读一本书，来发散式地对前端进行调研、思考。选的是《HTML5与JavaScript程序设计》。
这本书是国内的陈爽和贺荣两人所著，在如今译作大行其道的时代，实属难得（虽然读后非常失望，他们勇气可嘉，但尚需努力）。只是碰巧在图书馆瞄到了这个标题，就借了来看看。预计4天读完，主要任务是读代码。书中的例子如果顺便练习，代码也会顺便贴到本文里。书中确实有不少错误，而且不仅是印刷错误那么简单的，希望他们以后会出修订版或者第二版。
除非特别声明，所有代码均在Firefox V25.0.1+ 浏览器的Firebug控制台下测试。
OK, GO!
《写给程序员的Web设计书》原作名为“Web Design for Developers: A Programmer’s Guide to Design Tools and Techniques”。
下面各标题的编号对应的是书中的章节号。
###2.3 明确目的
设计这个网站时，要时刻关注一条：服务于你的目标用户。……在进行Foodbox设计工作的时候，要记住你是在为客户和网站目标用户而设计。这工作不是为你增添炫耀资本的，不要企图用那些刚刚学到的很炫的技术来震撼你的同事。客户和他们的目标用户才是第一位的。
在我看来，按照优先级排序是这样的：网站目的>目标用户>客户或自己的老板>自己想炫耀的技术。
Illustrator从零开始作画，才能起到练手的作用。这个是花费4个小时画出来的练习作品：Fashion Girl。参考的仍是《Illustrator CS6中文版：从新手到高手》。
嘴唇我懒得画了，用弧线代替。下次再研究如何画烈焰红唇~~
最近在学Illustrator，每周至少两张练习画。现在觉得，算法、设计、创意比单纯的技术要重要多了。算是培养一下自己的艺术情操吧。
刚开始当然是先练习自由路径的使用，参考教材：《Illustrator CS6中文版：从新手到高手》。第一张是女孩剪影图。
在HTML里读取外部的一个SVG文件，这个外部SVG文件包含内置的JavaScript控制交互操作：用户点击风车的任何一个叶子，风车会转起来，如果再点一下叶片，就会停止转动。
风车是我用Adobe Illustrator，仿照随便百度来的一个位图画的。
HTML5将XML和HTML的区别进一步缩小，表现在：它允许SVG（和MathML）标记直接在HTML文件中使用，而不需要命名空间的声明或者标签前缀。
这里演示的前两个例子来自《JavaScript权威指南·第六版》page 618.代码有些许优化。第三个例子根据基于XML的SVG应用指南介绍的方法，利用Illustrator CS6 自带的模板生成SVG，然后导入到HTML中。
初步感觉，SVG的基本绘图方法如path、 arc、 move to、 line to等都与HTML5 canvas很相似。
这是一个WebGL Hello World。
关于博客引用自己的js代码：使用<script type="text/script" src="myjs.js"></script>，放在页面的正文里即可（最好放在<!-- more -->的后面）。但现在还不知道如何载入自定义的样式表——尤其某些样式只是在某些博文里做演示用的时候。也不清楚如何写模板，从而可以使用<style type="text/css"></style>来自定义一些样式。
值得注意的是，three.js 已经包含了对 requestAnimationFrame 的封装。因此，暂不必考虑其浏览器的差异性问题。
CSDN博客上也有极为详细的入门例子及代码解释，见 CSDN: WebGL库Three.js入门。