基本信息
- 作者: [希]韦鲁(Lea Verou)
- 译者: CSS魔法
- 丛书名: 图灵程序设计丛书
- 出版社:人民邮电出版社
- ISBN:9787115416940
- 上架时间:2016-4-14
- 出版日期:2016 年4月
- 开本:大16
- 页码:232
- 版次:1-1
- 所属分类:计算机 > 图形图像、多媒体、网页制作 > CSS
编辑推荐
这是一本注重实践的教程。CSS专家Lea Verou单刀直入,教你用代码解决实际问题。她在书中揭示了47个鲜为人知的CSS技巧,指导中高级CSS开发者循序渐进,探寻更优雅的解决方案,攻克每天都会遇到的各种网页样式难题。
读者将在本书中领略作者的缜密思路,并学会用这种思路来应对各种不期而遇的CSS难题,达成DRY、可维护、可扩展、轻量级并且符合标准的结果。
本书涵盖的主题如下:
背景与边框
形状
视觉效果
字体排印
用户体验
结构与布局
过渡与动画
内容简介
作译者
W3C CSS工作组特邀专家,设计CSS语言的委员之一,此前曾在W3C担任开发者代言人。目前,她在麻省理工学院从事人机交互领域的研究。她还是一位博客作家,并经常在国际性技术会议上担任讲师;她创建的多个开源项目广受开发者欢迎。
CSS魔法
原名张鹏,国内知名CSS技术专家,百姓网前端架构师。拥有近十年的网站开发经验,在移动前端领域积累颇深,自称“披着工程师外衣的设计师”。他是CMUI、Action、GHX等开源项目的作者,曾为GitHub、Gulp、Stylus等网站和项目翻译过大量文档;其生动活泼、循序渐进的博客写作风格深受读者喜爱,在CSS Conf等技术会议上的演讲广受好评。
目录
序 xi
前言 xiii
致谢 xv
本书是怎样炼成的 xviii
关于本书 xx
第1章 引言 1
Web 标准:是敌还是友 2
CSS编码技巧 7
第2章 背景与边框 17
1 半透明边框 18
2 多重边框 20
3 灵活的背景定位 22
4 边框内圆角 25
5 条纹背景 27
6 复杂的背景图案 33
7 伪随机背景 43
8 连续的图像边框 46
第3章 形状 51
9 自适应的椭圆 52
译者序
因此,这篇译者序将只包含致谢环节。(当然,我知道还有50% 的朋友是必看译者序的。请放心,我会在网上为你们准备一篇超长完整版。)
感谢原作者Lea Verou 女士,感谢您为全球的CSS 开发者带来了这本充满智慧的CSS 图书。我的书架有个位置已经空了近十年,如今终得圆满。
感谢贺师俊(Hax)老师把这本书推荐给我,并把我推荐给了图灵公司;同时,感谢您长久以来的鼓励和帮助。
感谢李松峰老师对我的信任,把这本书交给了我翻译。感谢图灵公司的朱巍、岳新欣、杨琳等编辑老师为这本书付出的心力。
感谢我的多年好友、任教于上海外国语大学的严泽群老师担任英语顾问。
感谢挚友赵锦江(勾三股四)先生担任部分章节的技术审校。
感谢GitHub、微博、微信上的众多网友对本书翻译工作的支持、鼓励和反馈。限于篇幅,我无法一一列出你们的名字,但你们就在这里。
感谢百姓网各位小伙伴的支持和鼓励。百姓网是工程师的天堂——回顾我职业履历的各个阶段,只有现在的我才有可能完成这项挑战。
感谢我的妻子,是你的支持和监督保障了翻译工作的如期完成。
感谢每一位读者——也就是此时此刻手捧这本书的你。这是一本难得的好书,而你的潜心研习与融会贯通将会令它的价值更加深远。
最后,我还为所有看完译者序的朋友准备了一件礼物:我正在为这本书编写注解,尽我所能解答关于这本书的所有疑问。所有注解都将以开源的方式发布到http://book.cssmagic.net 网站,在那里你还可以与我以及万千读者交流探讨、携手共进。
此外,你也可以通过微信与我联系,请关注“CSS 魔法”微信公众号。
祝阅读愉快 !
CSS 魔法
2015 年11 月16 日于百姓网
前言
大约在2009 年之前,评判一个人的CSS 专业程度并不是看他对这门语言的了解有多深。对当时的CSS 行业来说,这或多或少就是现实:一个人能否称得上CSS 高手,往往要看他能记住多少个浏览器bug 和相应的对策。一转眼就到了2015 年,现在的浏览器都是以Web 标准作为设计基准的,过去那些针对特定浏览器的脆弱hack 早已风光不再。当然,某些不兼容的情况仍然无法避免,但是迭代速度已经非常之快(尤其是因为现在的浏览器几乎都已经实现自动更新了),把这些不兼容的情况记录在书中完全是在浪费时间和空间。
我们在现代CSS 中所面临的挑战已经不在于如何绕过这些转瞬即逝的浏览器bug。如今的挑战是,在保证DRY1①、可维护、灵活性、轻量级并且尽可能符合标准的前提下,把我们手中的这些CSS 特性转化为网页中的各种创意。这正是这本书将要呈现的内容。
① DRY 是Don’t Repeat Yourself 的首字母缩写,意思是不应该重复你已经做过的事。它是一种广为流传的编程理念,旨在提升代码某方面的可维护性:在改变某个参数时,做到只改尽量少的地方,最好是一处。强调CSS 代码的DRY 原则是一个贯穿本书的主题。DRY 的反面是WET,它的意思是We Enjoy Typing(我们喜欢敲键盘)或Write Everything Twice(同样的代码写两次)
市面上有很多书,其内容就是以字母顺序记载一些CSS 特性。你手里的这本书并不在其列,这可能是好事也可能是坏事。本书的目的在于,在你已经熟悉了那些参考书的内容之后,帮你填补知识断档。它会让你接触各种全新的方法,充分发挥那些你已经熟悉的特性所具备的无穷威力;同时也让你明白,某些你不熟悉而且看似不起眼的CSS 特性可能同样威力无穷、不可小觑。总的来说,本书最核心的目的是教你如何用CSS 解决难题。
本书也不是一本“菜谱书”(cookbook)。每篇“攻略”并不是即开即用的菜谱——死板地套用某些步骤就可以达成特定的效果。实际上,我努力把每个技巧背后的思考都尽量细致地描述出来,因为我相信理解发现解决方案的过程比解决方案本身更有用。即使你认为某项技巧跟你的工作没有直接关联,学会如何摸索并得出解决方案仍然是有价值的,甚至可以帮你处理完全不同的问题。长话短说,本书不仅授人以“鱼”,而且授人以“渔”,让你一辈子不会为“没鱼吃”发愁。
序言
慢着。过去那些日子其实糟透了。所幸它们已经一去不复返了 !
就在最近这几年,CSS 领域已经发生了极大的好转。(绝大多数)浏览器已经在兼容性上逐渐趋同,它们不兼容的地方几乎都是因为某一家支持了某个特性,而另一家还没支持——这比两家都支持但效果不一样要强多了。规范不仅推动了兼容性的进步,还增加了新的特性,用更加简洁的新方法取代了以前繁琐的技巧。CSS 拥有了比以往多得多的特性、强得多的能力;不过我们都知道,功能越强大,复杂度也会越高。这种复杂度甚至并不是有意为之:当你把足够多的工作部件组合到一起之后,不管单个部件看起来有多简单,这个组合体也一定会产生有趣的结果。(关于这个话题的更多内容, 请看《乐高大电影》。)
正是由于在无意之中产生的复杂度,CSS 获得了种种我们从未期望或设计过的神奇特性,不断带给我们惊喜。在属性与属性的交错之间,在值与值的混合之下,有很多秘密有待发现。你可以通过渐变图案来挖出凹角,让元素产生动画,扩大可点击区域,甚至创建饼图……如今,CSS 已经拥有了我多年前梦寐以求的强大功能,它带来的可能性已经远远超越了我当初的想像。很多我原以为绝不可能以简洁易懂的方式表达出来的功能,现在也已成为CSS 的一部分(比如动画)。CSS 已经进化得如此强大,令我坚信它仍然有很多的秘密等待我们去发现——或许某天你也会有所斩获。
眼下,很多炫酷的技巧已经被世人所发掘,但极少有人能像Lea Verou 那样善于探索、乐于分享。从她的博客文章到她的开源贡献,再到她在全球各地所做的生动演讲,Lea 在CSS 领域已经建立了令人钦佩的知识储备。这本书正是这些知识储备的完美升华。你手里的这本书由这个领域内最顶尖的一位智者精心打造,她将带你领略CSS 所能达成的最有趣、最神奇、最实用的技巧。Lea 在这本书里为你准备的内容将令你感到充实、愉悦、甚至惊喜。
向前冲,努力探索,别再让这些精湛的技艺沦为失传的秘密 !
——Eric A. Meyer,《CSS 权威指南》作者
媒体评论
——Jeffrey Zeldman,《网站重构》作者
“Lea Verou渊博的学识是无法复制的,她在这本书中倾囊相授,令我们都有机会一窥CSS的强大与神奇。即使你认为自己对CSS已经了如指掌,我保证这本书仍然会让你大开眼界。”
——Jeremy Keith,《JavaScript DOM编程艺术》作者
“如果你想深入探寻CSS的美妙、创意与智慧,那就别犹豫了,赶快翻开这本书吧。它让我爱不释手!”
——Eric Meyer,《CSS指南》作者
“《CSS揭秘》是一部速成经典。它汇集了众多精彩绝伦的技巧,能够立即改善你的网页体验!”
——Christopher Schmitt,CSS Cookbook作者
“Lea是一位极其智慧的程序员。这本书蕴含了无穷的才华与创意,即使你已是CSS高手,也仍将从中获益。更重要的是,它将传授给你突破平庸的信念。”
——Chris Coyier,CodePen创始人