PIZn.Me 是 PIZn 的又一个博客。使用 Jekyll 构建的 GitHub 博客。PIZn.Net 即将迎来 Violet 2.0 ！
在 9 月 11 日的 WebReBuild 广州站上，彪叔在中间环节为我们介绍了 Google 联合 Arcade Fire 推出了一个 HTML5 互动电影： The Wilderness Downtown 。初次见识到这么强大的效果，我被震撼了。
回来之后，我在自己电脑上的 Chrome 打开网址再一次欣赏这个 HTML5 互动电影，在搜索框中输入了我出生的地方，随后便开始观赏这个电影的剧情发展。奔跑的人，飞翔的鸟，旋转的街景，根据压力而改变的活塞和齿轮，不断成长的树。再次欣赏之后，我不得不惊叹，真牛逼。于是，我将这个 HTML5 互动电影分享给了我的朋友们观看。
话说昨天一大早广州便下起了滂沱大雨，八点多的时候就同 2 个 GdutGeek 冒着雨坐公车前往信息港，目的是去参加 WebReBuild 第四届年会。初次会见 Geek 们，心情是挺特别的，毕竟志同道合的人不多。
昨日 2010年9月11日，WebReBuild.org 第四届年会（广州站）如期并成功在网易大厦一楼举行。本人有幸第一次参加了这样的大会，激动、兴奋、渴望等等非同寻常的心情一直陪伴着，此次之行，真的受益匪浅。
2010年8月，我在家中度过了大学生活中的最后一个暑假。这是一个充实而舒服的假期，从学校图书馆带回的几本书籍给我的生活带来了极大的乐趣。通过对 Javascript DOM 编程艺术的学习，我发现在 JS 方面也可以自己着手制作属于自己的禅意花园。
在家里的某一天，老妈看我在认真地敲着代码，就充满兴趣地问我有没有个人作品给她看呀？于是，从那天起我就有了设计个人作品集的想法。恰逢如今已经大学四年级，即将毕业步入社会。觉得应该温故而知新，自我总结总结，明确发展的方向。于是着手完成了 Webook 1.0 版本的设计与开发。
在 Web 页面中，菜单起着指引的重要作用。通过菜单我们到达不同的页面，这个时候，菜单高亮功能显得格外重要。Web 页面追求格式统一，菜单高亮可以帮助我们在统一的格式或形式下迅速明白当前位置，提高访客体验效果。
前些天写过一篇文章《”.WordPress学习：菜单高亮、》，讲述的是使用 PHP/CSS 的方法实现菜单高亮这一功能。今天使用 Javascript 来实现了这一功能，在不同页面会标记菜单中的当前选项高亮，趁热打铁，记下记下。
学习 Javascript 已有很久一段时间了，从知道自己不知道的，到知道自己知道的，这个过程是漫长而神奇的。想掌握好 Javascript ，关键还是兴趣。 Violet 2.0 将会用到很多 JS 功能，结合最近使用 DOM 的一些心得，特写下《”.Hello DOM、》为总结。
DOM 是” Document Object Model “(文档对象模型)的首字母缩写。 Document（文档）是 DOM 的基础，没有文档就没有 DOM。Object（对象），指的是 document 对象。 Model（模型），代表的是某种事物的表现形式。总的来说，我们可以把一份文档看成是一颗树（详见《”.Document Tree、》），可以通过 Javascript 来控制这棵树里面的节点。
导航菜单的设计，在网站里边起着重要的作用。动态菜单的高亮，既能表明当前的页面的主要内容或关键词，又能告知访问者当前的位置，提高用户体验效果。
在我为自己的 WordPress 博客设计 Violet 主题的时候，曾经写过一篇文章《“.Violet主题导航和面包屑设计、》做过简单总结。这几天的某个时刻，突然间就想用 Javascript 来实现这一效果，于是在今晚小试了下，最终还是觉得 CSS/PHP 版本的比较方便实用。
很多时候，我都在为书写 CSS 中的 Font-family 而发愁，因为使用不同的字体，在不同的浏览器、不同的操作系统环境下是有不同的体现的。
为了能够更好地书写好 Font-family，我学习和参考了相关 CSS 和字体设计的知识，了解到 CSS 字体堆栈中的艺术，并在此做下小小总结。
在我四月份设计的 WordPress 主题 Violet 1.0 版本的时候，由于是第一次接触，所以很多功能都没能加上去。经过一番策划和设计，这段时间已经在开始着手升级我的 Violet 主题，算是 Violet 2.0 版本吧。
当我们发表的一些技术性文章的时候，很有可能就会附加一些代码加以说明一些例子。而我，在之前书写部分 CSS 文章的时候，也用到过。但就是没有对这些代码进行格式化，不方便用户的阅读。
