博客园精华集: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年多的发展,博客园记载了太多技术精英们的贡献,为了把这些精彩内容给更多人分享,博客园精华集编委会通过艰辛的努力,收集整理成为《博客园精华集》。因为无法通过《博客园精华集》的几本书承载所有的内容,只能让《博客园精华集》作为代表,希望能给读者一些启迪。同时,也通过《博客园精华集》表达我们最诚挚的感谢,感谢所有在博客园中作出过贡献的朋友!...







点击看大图





加载中...
