博客园精华集:web标准之道
点击看大图基本信息
编辑推荐
这是一本关于web标准、前端编程、网站优化的集成大作，代表了博客园在web领域的最高水准。
所选文章大多是经验之谈，所谓技术人士的“心灵老鸭汤”；全书最有撼力的文章，莫过于Cat chen的《欲练CSS，必先宫IE》；鸟食轩和老赵的文章偏实用，主要集中在Javascript领域，爆牙齿的《重构之美》系列，则有“采菊东篱下，悠然见南山”的意境。
内容简介回到顶部↑
作译者回到顶部↑
本书提供作译者介绍
丁学 常年活跃于国内各大技术社区和各类线下活动，10多年的Web前端开发经验，对Web标准、SEO、用户体验等有深入研究。现就职于当当网，从事交易平台开发，并致力于高性能Web开发技术的研究与推广。.
李蓓卿(网名棕熊) 资深前端开发工程师。现任某知名国际游戏公司首席前端架构师，负责指导前端架构、Web用户交互、视觉设计与开发。
李战 阿里软件资深架构师，具有20年软件开发经验。在互联网软件开发，特别是Web标准及前端JavaScript技术方面有较高的造诣，《悟透JavaScript》一书的作者。目前.. << 查看详细
李蓓卿(网名棕熊) 资深前端开发工程师。现任某知名国际游戏公司首席前端架构师，负责指导前端架构、Web用户交互、视觉设计与开发。
李战 阿里软件资深架构师，具有20年软件开发经验。在互联网软件开发，特别是Web标准及前端JavaScript技术方面有较高的造诣，《悟透JavaScript》一书的作者。目前.. << 查看详细
目录回到顶部↑
第一部分 html/css .
谈谈网页设计中的字体应用(1)——font set 2
目前的网页还是以文字信息为主，而字体作为文字表现形式的最重要参数之一，自然有着相当重要的地位。可惜字体的重要性在很长时间内并没有得到足够的重视
谈谈网页设计中的字体应用(2)——serif和sans-serif 5
有多少人可以正确地使用它们呢？有多少人真正了解这两个通用字体族呢？本文将给您一个最清楚深入的剖析
谈谈网页设计中的字体应用(3)——实战应用篇·上 10
谈谈网页设计中的字体应用(4)——实战应用篇·下 14
纸上谈兵终是虚，让我们在战场上学习更多的技能
让css区分各种各样的[input] 19
[input]代表的实在太多了，但它们却不可能使用相同的样式，当我们不想添加成片的class时，试试这里的方法，四个解决方案，总有一个您需要的
一个常被问到的问题： 如何让层盖住[select] 25
ie 6依然是目前的主流浏览器，ie 6的[select]也一直“高高在上”，经常遇到的问题却成为一直以来的话题，本文将为您展现终极解决方案
兼容ie、firefox的图片自动缩放的css 29
厌烦了写大量的javascript来控制一个个的图片，那么来用css(当您不能确定expression将会带来什么的时候，请谨慎使用)
第二部分 web标准
web标准页面设计——要注意的很多 32
本文是作者在做完一个大型项目之后的总结，提到了很多方面，相信这些知识点对所有走在web标准化道路上的人都有很大的帮助
欲练css，必先宫ie 39
win国天下，欲练css之人不在少数，大多不得要领，又或是走火入魔，全为ie所累。故曰：欲练css，必先宫ie
你有[table/]强迫症吗 42
谈谈网页设计中的字体应用(1)——font set 2
目前的网页还是以文字信息为主，而字体作为文字表现形式的最重要参数之一，自然有着相当重要的地位。可惜字体的重要性在很长时间内并没有得到足够的重视
谈谈网页设计中的字体应用(2)——serif和sans-serif 5
有多少人可以正确地使用它们呢？有多少人真正了解这两个通用字体族呢？本文将给您一个最清楚深入的剖析
谈谈网页设计中的字体应用(3)——实战应用篇·上 10
谈谈网页设计中的字体应用(4)——实战应用篇·下 14
纸上谈兵终是虚，让我们在战场上学习更多的技能
让css区分各种各样的[input] 19
[input]代表的实在太多了，但它们却不可能使用相同的样式，当我们不想添加成片的class时，试试这里的方法，四个解决方案，总有一个您需要的
一个常被问到的问题： 如何让层盖住[select] 25
ie 6依然是目前的主流浏览器，ie 6的[select]也一直“高高在上”，经常遇到的问题却成为一直以来的话题，本文将为您展现终极解决方案
兼容ie、firefox的图片自动缩放的css 29
厌烦了写大量的javascript来控制一个个的图片，那么来用css(当您不能确定expression将会带来什么的时候，请谨慎使用)
第二部分 web标准
web标准页面设计——要注意的很多 32
本文是作者在做完一个大型项目之后的总结，提到了很多方面，相信这些知识点对所有走在web标准化道路上的人都有很大的帮助
欲练css，必先宫ie 39
win国天下，欲练css之人不在少数，大多不得要领，又或是走火入魔，全为ie所累。故曰：欲练css，必先宫ie
你有[table/]强迫症吗 42
前言回到顶部↑
博客园是以．NET为主旋律的社区，然而在其“冰山一隅”，Web设计却又独领风骚，代表人物有鸟食轩、Cat Chen、阿一、丁学、爆牙齿、李战等，他们在Web标准、CSS、JavaScript上各有所长，在博客园留下了对Web设计领域的诸多美文佳作。.
很奇怪棕熊的手指有老赵两个粗，却居然能做出那么“灵”的JS效果而不费吹灰之力；很惊讶阿一连普通话都说不利索，却陆续推出了“震惊于世”的播客系列《阿一Web标准学堂》；很佩服李战的八卦水准，居然能从JavaScript扯到和尚坐禅；而Cat Chen更是标新立异，大力鼓吹“欲练CSS必先宫IE”；最后，狂赞一下自己，因为原本想夸一夸上述这些世外高人，可是脑海里浮现的却是月圆之夜皇城之巅西门吹雪天外飞仙的yy画面。
是啊，难道大侠就不能秃头吗?更何况是只有几颗爆牙呢!
在众多美文之中，爆牙齿的《重构之美》系列作为扛鼎之作，全部选人本书之中。他的文中洋溢着对技术的自信以及对完美的追求，末了，如果你能仔细地品味，还能感受到一丝凄美和淡淡的无奈。所谓曲高和寡——啥意思呢，就是说，毛驴嗓门大。
Web设计之一：灵感
采菊东篱下，悠然见南山。
但凡一个人达到了上述境界，真可谓挥洒自如、点石成金——也就是所谓的灵感，亦或是创意。这不是靠学习所能得到的，而是需要对生活多多观察与接触。比如说，徜徉在西子湖畔，流连于淮海路边——自然与人文景观都是创作的源泉。时常看到一些让人心动的Web站点，一些点线色彩的简单搭配，就能使主题深入人心。
说了半天，就是为了推荐一篇因为时间关系而未收录的文章：《无敌博皮之乾坤大变色》(作者丁学，地址http：／／www．cnblogs．com／dingxue／archive／2009／01／04／1367732．html)。据小道消息透露，丁学为写此文，放弃元旦长假与老婆卿卿我我，而一门心思忘我研究，终成正果。可见代码之中自有颜如玉。
朋友啊，希望你也能够拿起画笔，绘制出自己的蓝图和白云。灵感就在一瞬间，须臾，刹那。
Web设计之二：标准
曾几何时，Web设计工作不如程序员。因为后者被认为是“真刀真枪”地编程，涉及了大量的业务逻辑；而前者，也就是美工，属于“鸡肋”的角色，可有可无，于是在薪资和地位上都是相对偏低的，于是，大量的美工转行做了程序员。
但是，事实证明，Web设计并没有那么简单。..
为什么同样的HTML代码在不同的浏览器中生成不一样的界面呢?
越来越多的程序员开始怀疑并抱怨工作的繁芜。于是终于到了Web设计师扬眉吐气的时候了。他们管这叫做Web标准并制定了一大坨共同遵守的规则，使用CSS统一排版，并不断地进行重构。于是，设计和开发又各安其职了。
这使我想到了一条哲理：随着生产力的提高，社会分工越来越细。
本书关于标准的讨论，占了一半的篇幅，风格迥异但殊途同归。
Web设计之三：JS原罪
成也萧何，败也萧何。
在软件世界中，脚本语言扮演的就是这样的角色，其中以JavaScript为代表。数起数落毁誉参半之后，随着Ajax的大行其道，这玩意儿居然摇身一变，也要封装设计模式了。弱弱地问，我们在实际的项目中真地需要么?我们的开发到底是方便了还是复杂了?带着这样的疑问，研读老赵的《挣脱浏览器的束缚》系列和鸟食轩的《在JavaScript面向对象编程中使用继承》系列，别有一番滋味在心头。毕竟，这两个老鸟都是这方面的Geek。
预计，将来的编程世界是属于脚本的，但是在理念上可能会有很大的变化。也许你会指出脚本语言这样那样的缺点，比如说自上而下解析性能较差等诸多问题。现在并不急着下结论，让我们拭目以待，也许明天，我们的开发工具也都是Web的形式了。
很奇怪棕熊的手指有老赵两个粗，却居然能做出那么“灵”的JS效果而不费吹灰之力；很惊讶阿一连普通话都说不利索，却陆续推出了“震惊于世”的播客系列《阿一Web标准学堂》；很佩服李战的八卦水准，居然能从JavaScript扯到和尚坐禅；而Cat Chen更是标新立异，大力鼓吹“欲练CSS必先宫IE”；最后，狂赞一下自己，因为原本想夸一夸上述这些世外高人，可是脑海里浮现的却是月圆之夜皇城之巅西门吹雪天外飞仙的yy画面。
是啊，难道大侠就不能秃头吗?更何况是只有几颗爆牙呢!
在众多美文之中，爆牙齿的《重构之美》系列作为扛鼎之作，全部选人本书之中。他的文中洋溢着对技术的自信以及对完美的追求，末了，如果你能仔细地品味，还能感受到一丝凄美和淡淡的无奈。所谓曲高和寡——啥意思呢，就是说，毛驴嗓门大。
Web设计之一：灵感
采菊东篱下，悠然见南山。
但凡一个人达到了上述境界，真可谓挥洒自如、点石成金——也就是所谓的灵感，亦或是创意。这不是靠学习所能得到的，而是需要对生活多多观察与接触。比如说，徜徉在西子湖畔，流连于淮海路边——自然与人文景观都是创作的源泉。时常看到一些让人心动的Web站点，一些点线色彩的简单搭配，就能使主题深入人心。
说了半天，就是为了推荐一篇因为时间关系而未收录的文章：《无敌博皮之乾坤大变色》(作者丁学，地址http：／／www．cnblogs．com／dingxue／archive／2009／01／04／1367732．html)。据小道消息透露，丁学为写此文，放弃元旦长假与老婆卿卿我我，而一门心思忘我研究，终成正果。可见代码之中自有颜如玉。
朋友啊，希望你也能够拿起画笔，绘制出自己的蓝图和白云。灵感就在一瞬间，须臾，刹那。
Web设计之二：标准
曾几何时，Web设计工作不如程序员。因为后者被认为是“真刀真枪”地编程，涉及了大量的业务逻辑；而前者，也就是美工，属于“鸡肋”的角色，可有可无，于是在薪资和地位上都是相对偏低的，于是，大量的美工转行做了程序员。
但是，事实证明，Web设计并没有那么简单。..
为什么同样的HTML代码在不同的浏览器中生成不一样的界面呢?
越来越多的程序员开始怀疑并抱怨工作的繁芜。于是终于到了Web设计师扬眉吐气的时候了。他们管这叫做Web标准并制定了一大坨共同遵守的规则，使用CSS统一排版，并不断地进行重构。于是，设计和开发又各安其职了。
这使我想到了一条哲理：随着生产力的提高，社会分工越来越细。
本书关于标准的讨论，占了一半的篇幅，风格迥异但殊途同归。
Web设计之三：JS原罪
成也萧何，败也萧何。
在软件世界中，脚本语言扮演的就是这样的角色，其中以JavaScript为代表。数起数落毁誉参半之后，随着Ajax的大行其道，这玩意儿居然摇身一变，也要封装设计模式了。弱弱地问，我们在实际的项目中真地需要么?我们的开发到底是方便了还是复杂了?带着这样的疑问，研读老赵的《挣脱浏览器的束缚》系列和鸟食轩的《在JavaScript面向对象编程中使用继承》系列，别有一番滋味在心头。毕竟，这两个老鸟都是这方面的Geek。
预计，将来的编程世界是属于脚本的，但是在理念上可能会有很大的变化。也许你会指出脚本语言这样那样的缺点，比如说自上而下解析性能较差等诸多问题。现在并不急着下结论，让我们拭目以待，也许明天，我们的开发工具也都是Web的形式了。
序言回到顶部↑
2004年1月，作为一名痴迷于技术的业余程序员，我在网上苦苦寻觅，却找不到真正属于程序员的网上家园。软件开发是创造性的劳动，交流和分享实在是太重要了，可能别人的一个想法或一点经验，就会让你事半功倍。由于是业余程序员，对这种交流就更加渴望，既然找不到，既然自己也一直在寻找事业的起点，那就自己建立一个吧。于是，博客园（cnblogs.com）就这样诞生了。博客代表每个程序员的小家，园即家园，代表着由小家构成的大家，希望博客园能服务好程序员，成为真正属于程序员的网上家园。.
一个人，“一杆枪”（服务器是一台旧的台式机），博客园就这样开始自己的发展征程。这样一个简单的网站，却吸引了一些痴迷技术、喜欢交流和分享、正在寻找属于自己的网上家园的程序员，他们不嫌弃这里的简陋，他们选择在这里安家落户，仅仅是因为这里的纯净、专注、对程序员的真正理解和关心。博客园幸运地聚集起这些技术精英，这些技术精英痴迷于技术、激情于代码，更可贵的是他们喜欢交流与分享。就是这样一群人，每天为博客园贡献很多精彩内容；就是这样一群人，吸引着更多的这样一群人；就是这样一群人，不仅在分享中帮助了很多人，而且自己在分享过程中不断地成长。博客园成为记载他们成长过程的载体。..
经历了5年多的发展，博客园记载了太多技术精英们的贡献，为了把这些精彩内容给更多人分享，博客园精华集编委会通过艰辛的努力，收集整理成为《博客园精华集》。因为无法通过《博客园精华集》的几本书承载所有的内容，只能让《博客园精华集》作为代表，希望能给读者一些启迪。同时，也通过《博客园精华集》表达我们最诚挚的感谢，感谢所有在博客园中作出过贡献的朋友！...
一个人，“一杆枪”（服务器是一台旧的台式机），博客园就这样开始自己的发展征程。这样一个简单的网站，却吸引了一些痴迷技术、喜欢交流和分享、正在寻找属于自己的网上家园的程序员，他们不嫌弃这里的简陋，他们选择在这里安家落户，仅仅是因为这里的纯净、专注、对程序员的真正理解和关心。博客园幸运地聚集起这些技术精英，这些技术精英痴迷于技术、激情于代码，更可贵的是他们喜欢交流与分享。就是这样一群人，每天为博客园贡献很多精彩内容；就是这样一群人，吸引着更多的这样一群人；就是这样一群人，不仅在分享中帮助了很多人，而且自己在分享过程中不断地成长。博客园成为记载他们成长过程的载体。..
经历了5年多的发展，博客园记载了太多技术精英们的贡献，为了把这些精彩内容给更多人分享，博客园精华集编委会通过艰辛的努力，收集整理成为《博客园精华集》。因为无法通过《博客园精华集》的几本书承载所有的内容，只能让《博客园精华集》作为代表，希望能给读者一些启迪。同时，也通过《博客园精华集》表达我们最诚挚的感谢，感谢所有在博客园中作出过贡献的朋友！...
加载中...
