无懈可击的Web设计II

出版时间：2010-8  出版社：人民邮电出版社  作者：（美）锡德霍姆，（美）马科特 著，孙亮 译  页数：215  译者：孙亮  
Tag标签：无  

前言

　　我是在美国东部的Vermont长大的，这也是我对手艺产生迷恋和崇敬的发源地。我记得，小时候每周六早上都会和妈妈一起去赶集，当地所有的艺术家和手艺人都聚集在那里；每逢周六，他们就用小卡车把自己的作品运载到集市上出售。这些手工艺品的品质可以通过触摸感知。你可以拿起来仔细翻看、品评。　　Ve rmont已经成为高质量手工艺品的象征。这个州在某种程度上成了招牌，并且发展出了以州名命名的品牌。例如，BostonGlobe的Paul Greenberg在他的文章“有个牌子叫Vermont”中写道：　　只要产品被标上“Vermont制造”——无论是草药泡制的枫树糖浆、菠萝胡椒酱，还是水牛酸奶——相比产自别处的同一样东西，价格要高出10％。

内容概要

这是一本介绍CSS应用技巧的书，主要讲解了在Web页面设计和制作过程中的各种细节的处理方法。与以往介绍CSS的图书不同，本书侧重的是对CSS3的灵活运用，并以渐进增强的方式强化用户在使用网站时的体验。书中散发出的精益求精的艺匠精神将能使读者以全新的高度看待Web设计。　　本书实用性极强。书中介绍的CSS3和JavaScript技术都可以立即运用在当今的浏览器环境下；并且在介绍这些技术方法的同时还详细说明了其在不同浏览器下的效果，以及可能存在的问题的应对之策。从这一点上来说，本书是一本不可多得的实操手册。　　本书适合有一定工作经验的网站设计人员使用，也适合广大网站设计爱好者以及Web设计培训班学员参考使用。

作者简介

　　锡德霍姆（Dan Cederholm），是一位居住在马萨诸塞州塞勒姆市的Web设计师、作家、丈夫和父亲。他是微型设计工作室sImlDteBIts的创始人，也是基于标准的Web设计领域的公认的专家。Dan曾与Google、MTV、Yahool　、ESPN、FastCompany、BIogger、Odeo及其他很多公司合作。在他的设计作品、著作和发言中，他崇尚应用web标；隹的灵活且适应性强的Wet）设计。Dan已写有两本畅销书　《BulletproofWeb Desgn Imprving flexibility and protectmgagaInst worst-case scenarios with XHTMLand css》第二版，以及《Web-standa rd sS0lutlons：The Markup and Style Handbook》。Dan管理的simpleBits博客也广受欢迎，他在该博客上发表了很多关于Wet）、技术以及生活的文童和评论。他还会弹一手马马虎虎的尤格里里琴（一种夏威夷的拨弦乐器），偶尔头上还会带个棒球帽。　　马科特（Ethan Marcotte），是本书第6章的作者，他是Airbag Industries的资深设计师。AI rbag lndustms是一家设计工作室，客户有圣丹斯电影节、《纽约杂志》和《今日秀》等。他在麻省剑桥生活和工作，长大后想成为一名战无不胜的机器忍者。嘟嘟！

书籍目录

第1章　总要问问“如果……会怎样？”　　1.1　简单的链接列表　　1.2　块级链接　　　1.2.1　标记　　　1.2.2　设定链接样式　　　1.2.3　为价格加上样式　　　1.2.4　调整价格位置　　1.3　非故意的重叠　　1.4　调整了字体大小会怎样？　　1.5　猜测内容的长度　　1.6　用浮动提高灵活性　　　1.6.1　新的标记顺序　　　1.6.2　让价格浮动起来　　　1.6.3　通过字体大小测试　　1.7　更加理想的代码顺序　　1.8　使用表格　　1.9　增加数据可视化　　　1.9.1　给代码加上数据　　　1.9.2　基础样式的应用　　　1.9.3　隐藏百分数文本以及栏条的制作　　　1.9.4　修正IE6下的问题　　1.10　选择正确的解决办法　第2章　用border-radius制作圆角　　2.1　圆角的过去和现在　　　2.1.1　制作固定宽度的圆角容器　　　2.1.2　制作自适应宽度的圆角容器　　　2.1.3　使用调色板和幅度　　2.2　border-radius属性　　2.3　特定浏览器的扩展　　2.4　用-webkit-border-radius和-moz-border-radius渐进式增强　　2.4.1　兼容未来　　　2.4.2　指定圆角　　2.5　在Firefox 2中较为臃肿　　2.6　背景的裁剪　　　2.6.1　简单的超链接　　　2.6.2　制作PNG格式的背景图片　　　2.6.3　用样式制作按钮　　　2.6.4　简化鼠标悬停状态　　　2.6.5　增加边框的细节　　　2.6.6　Firefox 2无法裁剪背景图片　　2.7　制作表单元素的圆角　　　2.7.1　简单表单代码　　　2.7.2　应用基本的样式　　　2.7.3　增加背景和去除边框　　　2.7.4　创建立体感　　　2.7.5　用borders和border-radius增加细节　　　2.7.6　声明一个:focus　样式　　2.8　其他浏览器的情况　　　2.8.1　没关系　　　2.8.2　方形按钮　　　2.8.3　方形表单元素　　　2.8.4　渐进式增强　　2.9　最适合制作原型　第3章　用RGBA让色彩灵活起来　　3.1　什么是RGBA？　　3.2　opacity属性与RGBA　　3.3　兼容性　　3.4　其他浏览器的情况如何？　　　3.4.1　为有挑战性的浏览器提供备选　　　3.4.2　使用拼接的PNG图片　　3.5　制作原型的绝佳工具　　3.6　不仅仅是用于背景　　　3.6.1　用RGBA融合文本　　　3.6.2　wilsonminer.com　　　3.6.3　简化鼠标悬停的选择　　　3.6.4　用数字作画　　3.7　制作“本周特惠”栏目　　　3.7.1　编写HTML代码　　　3.7.2　让列表纵向排列　　　3.7.3　增加圆角边框　　　3.7.4　摆放位置　　　3.7.5　制定标题和价格的样式　　　3.7.6　将RGBA用于重叠　　3.8　小结　第4章　网站是否需要在每个浏览器中看起来都一样？　　4.1　我坚持的答案　　4.2　奖励与“这里乱了”　　4.3　了解它的决策制定者　　4.4　一切用数据说话　　4.5　更多现在就能用的新版CSS属性　　　4.5.1　TEXT-SHADOW　　　4.5.2　box-shadow　　　4.5.3　webkit-transition　　4.6　小结　第5章　模块化的浮动管理　　5.1　浮动刷新器　　5.2　使用.clearfix　　　5.2.1　IE6和IE7下附加的规则　　　5.2.2　将.clearfix加到标记中　　5.3　语义困境之时　　　5.3.1　替代方法：长长的列表　　　5.3.2　使用更好的类命名　　5.4　在你的样式表中设置.group　　5.5　手写代码者的框架　　　5.5.1　自己动手　　　5.5.2　index.html　　　5.5.3　screen.css　　　5.5.4　reset.css　　　5.5.5　master.css　　　5.5.6　ie.css　　　5.5.7　你享受到的各种好处　　5.6　将.group用到Tugboat　　5.7　小结　第6章　浮动的网格　第7章　技艺的细节

章节摘录

　　不透明度的颜色和程度限制　　再次强调，和用图片制作圆角一样，使用拼接PNG制作半透明背景也有缺陷：如果你用图片，就被限定在一种颜色和恒定的透明。如果你用RGBA来处理的话，你可以用样式表在几秒钟内改变色彩和不透明度——当需要换颜色或调整透明度时不需要重新做图。当你在决定使用何种方法时，这个细节无疑是需要考虑到的因素——但是如果你不计较在不支持RGBA的浏览器中用不透明的颜色和其他替代方法，那快开始实验吧。　　3.5 制作原型的绝佳工具　　当我们在第2章中谈到如何利用border-radius时，我提出了我的看法，在这里谈到RGBA时，我的看法还是一样。无论你是否用RGBA制作网页，在制作界面原型时它都是一件很好的工具。就是说，如果你用Safari、Firefox或Opera开始进行你的设计，那么RGBA就是很好的颜色和透明度的实验工具。任何改变和调整都可以用代码快速简单地完成。

编辑推荐

　　技艺和Web设计之间存在着切实的联系，这也是贯穿《无懈可击的Web设计（2）：CSS深入应用》的主题。本 书由畅销书作家Dan cederholm主笔，并特邀著名Web设计、开发大　师Ethan Marcotte为《无懈可击的Web设计（2）：CSS深入应用》撰写了其中一章内容。《无懈可击的Web设计（2）：CSS深入应用》探讨了可以在现　今浏览器中使用的CSS3属性，从中你将认识到，使用CSS3技术的时　机已经到来。无论你是Web设计师、项目经理还是平面设计师，只要　你想对Web设计中所要求的灵活性有更多了解，你就会从《无懈可击的Web设计（2）：CSS深入应用》中找　到创建最灵活、可靠、无懈可击的web设计所需要的工具。此外，《无懈可击的Web设计（2）：CSS深入应用》还将教会读者怎样说服客户采用创新和高效的技术未提升用户　体验。《无懈可击的Web设计（2）：CSS深入应用》共有7章，涉及Web制作中的多个方面，并均以Tugbat　Cofee公司的网站进行实例讲解。《无懈可击的Web设计（2）：CSS深入应用》专注于如何让这个网站无懈可　击，并展示渐进增强技术相较于传统的劳动密集型Wb制作方法的优　势。《无懈可击的Web设计（2）：CSS深入应用》包含的主题如下。　　为将来预料不到的应用制作Web页　　使用CS3属性的渐进增强设计　　用RGBA颜色实现alpha通道透明　　模块的浮动管理　　建立灵活的框架　　使用基于网格的设计原理来制作弹性布局　　排版、jQuery和滚动背景的技艺细节

用户评论 (总计1条)

•   书很好，彩页的，很精致，也写得很详细，能拓宽思路