6款免费的图标编辑器
作者:dudumao 日期:2010-02-06
80后的我们在偷偷老去
作者:dudumao 日期:2010-01-16
80后的我们曾经年少轻狂，现如今早已荡然无存。曾经的花样年华，已悄然而逝。80后的我们已经开始站在了20岁的尾巴上，面对三十而立，还有多少人可以昂着头，信誓旦旦地说，我们依然年轻。是的，年轻就是资本，面对着90后的异军突起，80后的我们是否还年轻？
曾经，骄傲的我们都怀抱着崇高的理想，奔走在陌生的城市，只为寻找内心深处最真的梦想。曾经，生活得再艰难，都会想着只要自己努力，就一定可以取得成功。曾经，单纯的认为，就算很小很小的一个房间，都可以经营自己最美的爱情。当事业依然碌碌无为的时候，当爱情变得虚无缥缈的时候，80后的我们， 是不是依然还会说，年轻不怕失败？
结构（Structure）表现（Presentation）和行为（Behavior）
作者:dudumao 日期:2009-12-26
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为 （Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如 ECMA（European Computer Manufacturers Association）的ECMAScript标准。
1．结构标准语言
（1）XML
css sprite的使用及其优缺点
作者:dudumao 日期:2009-12-06
原理
我们知道，自CSS革命以降，HTML倾向于语义化，在一般情况下不再在标记里写装饰性的内容而是把呈现的任务交给了CSS。GUI是缤纷多彩的， 少不了各种漂亮的图来装点。新时代的生产方式是，在HTML布满各种各样的钩子（hook），然后交由CSS来处理。在需要用到图片的时候，现阶段是通过 CSS属性background-image组合background-repeat, background-position等来实现（题外话：为何我提现阶段，因为未来浏览器若支持content则又新增另外的实现方法）。我们的主角是，你一定猜到了，就是background-position。通过调整background-position的数值，背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变，由于图片位置的改变，你看到只该看到的而已。就好比手表上的日期，你今天看到是21，明天看到是22，是因为它的position往上跳了一格。所以你也大概了解到，CSS Sprites一般只能使用到固定大小的盒子（box）里，这样才能够遮挡住不应该看到的部分。
css在IE6中的bug集合
作者:dudumao 日期:2009-11-20
俞敏洪经典语录
作者:dudumao 日期:2009-11-03
常用的前端开发工具
作者:dudumao 日期:2009-10-19
漫画《标记语言之乱》”xhtml2″vs“xhtml1”vs“html5”
作者:dudumao 日期:2009-10-17
Since the official announcement of W3C to stop working on the development of XHTML 2 in the end of 2009 and increase resources on HTML 5 instead, there has been a lot of confusion and various debates about the “proper”markup language for modern and future web-development. With XHTML 1.0, XHTML 2, HTML 4, HTML 5 and XHTML 5 we have so many languages that it’s really getting hard to keep track!
语义化你的HTML标签和属性
作者:dudumao 日期:2009-10-16
分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用<div>来代替<p>标记标题。
首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的认识标 签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字 号。<strong>,<em>用来区别于其他文字，起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。
《我的父亲母亲》影评
作者:dudumao 日期:2009-10-13
这是个爱情故事。所有的爱情故事都是相似的：相遇，相知，相爱。如果导演决定个给你个好结局，那最后就是“他们最后幸福的生活在一起。”如果导演想给你个纠结的结局，那结尾就有好多，就不一一列举了。正好印证了那句话：天下的幸福的原因都是相似的，不幸却是各有个的原因。
《我的父亲母亲》满足一个爱情片的必要元素：他们相遇，身穿红色棉袄的招弟和意气风发的青年教师；他们熟悉，蜿蜒的小道和温暖的阳光，还有金黄色漂亮的一塌糊涂的树林是他们的背景；他们别离，绝尘而去的马车和招弟追赶的脚步；他们相守，直到房梁上的“红”再也找不到当年的色彩。还有适时响起的悠扬的配乐，无不让人感动。没有生离死别国恨家仇，没有突然出现的第三者或者蛮横势利的婆婆，没有金钱和利益的权衡，简单到让人心生恍惚——原来爱也可以这样。
