超越CSS

Andy Clarke

出版时间

2007-01-01

ISBN

9787115169280

评分

★★★★★

标签

设计

书籍介绍
这本书最打动人的,是它反复重申的一个反直觉判断:CSS不是障碍,语义标记也不是审美的敌人。真正让网站变得简陋的,是设计师自己。它把'无障碍'从一种妥协,重新定义为一类可以做得漂亮的设计选择,并大胆主张——刻意让所有人获得完全一致的体验,反而会筑起参与的高墙。书中'支持不等于每个人都得到相同的东西'这一观点,在今天依然锋利,也最具争议。它不教你查手册式的语法,而是重塑前端工程师'结构与语义是脊髓'的底层认知。适合那些不愿被工具绑架、想从设计而非实现角度重新理解CSS的读者,也适合对'响应式必须统一'深信不疑、愿意被挑战的人。
AI导读
核心看点
  • 倡导从设计视角运用CSS,强调语义化标记与结构化布局。
  • 提出超越CSS的工作流,涵盖原型制作、网格系统及团队协作。
  • 重视Web标准与辅助功能,主张内容实用性优于视觉一致性。
读者共识
  • 装帧精美插图丰富,但内容偏理念,实用性评价两极分化。
  • 被视为经典之作,深刻影响前端设计思维,值得反复研读。
  • 部分读者认为技术细节较少,更适合提升宏观设计视野。
精彩摘录
  • "那些具有辅助功能(accessibility,指残障人士易于访问)的网站往往十分简陋,但问题在于这些网站的设计师而并不在于辅助功能本身,因为它们并不一定是视觉效果的障碍。同样的道理也适用于Web标准,就算W3C的官方网站看上去也并不能能够激发设计师们学习XML或者CSS2的热情。 Some accessibility sites are downright ugly, but the problem lies with those sites' designers and not with accessibility, which carries no visual penalty. The "
  • "随着CSS的日益流行,MOSe方法的核心育如何设计NN4(Netscape Navigator 4.x)页面有些相似。首先建立针对IE的基础功能页面,再用那些IE不能识别的选择符添加额外的功能。 The key to the MOSe method is somewhat similar to how NN4(Netscape Navigator 4.x) page design developed as CSS became more prevalent. After creating a basic, functioning page in IE, you add extra functi"
  • "1. 不同的浏览器都显示不同的设计。 2. 运用所有有用的CSS选择符。 3. 使用CSS3尽可能地展望未来。 4. 运用Javascriot和DOM来弥补CSS的不足。 5. 避免运用Hacks和滤镜。 6. 使用富含语义的命名规范和微格式。 7. 分享你的想法,与他人协作。 1. Not all browsers see the same design. 2. Use all available CSS selectors. 3. Use CSS3 where possible to look to the future. 4. Use javascript and the DOM to "
  • "如果我的站点不能满足你的要求,或者使你厌烦,何不用它创造新的东西来更好地满足你的口味?我发誓自己不会介意;实际上,我希望看到你的创意。如果有那么一套ID命名规范足够稳定,我定将采用它。这样我的访问者能够以同样的命名方法来重新设计网站的样式。这是我唯一能做的。 Does my site design not serve your needs, or bore you? Create something better suited to your tastes! I promise I won't mind; in fact, I'd like to see what your devise. I"
  • "如果因特网教给了我们些什么,那边是共享核心资源将带来不可估量的价值;人们将能够自由地以他们认为合适的方式在现有资源的基础上建立新的资源。 If the Internet teaches us anything, it is that great value comes from leaving core resources in a commons, where they're free for people to build upon as they see fit."
  • "支持并不意味这让每一个人都获得同样的东西。期望两个使用不同浏览器的访问者获得相同的用户体验,是没有能够真正理解网络异构性的想法。事实上,刻意让所有的访问者都获得相同的用户体验,反而会阻碍他们的参与。内容的实用性和易用性才是我们应该优先考虑的内容。 Support does not mean that everybody gets the same thing. Expecting two users using different browser software to have an identical experience fails to embrace or acknowledge t"
  • "只要我们对网页内容是怎样组织的及孰轻孰重有了大概的轮廓,在网站被完全建构之前,我们并不一定需要马上获得最终内容。 As long as we have the outline and breakdown of how content is organized and prioritized on a page, we do not need to have the final content in place until the site is completely built."
  • "当创建框架图或其他页面文件时,许多变数都被忽略掉了,如状态、安全性、错误信息、工作量、页面布局、DOM脚本以及其他动态元素等因素可能会被忽略或误解。 Many variables get overlooked when creating wireframes or other paper documents. Factors such as state, security, error messages, level of effort, page flow, DOM scripting and other dynamic elements can be ignored or misrepre"
用户评论
它传达的是一种使用css而又超越于css这一工具的设计思想
在中大图书馆翻了一下
作者想把css这种简单得要死的技术拔高到「道」的层面,结果只是用一大堆「有的没的」的图片,说了一堆啰哩啰嗦的「术」,典型的装逼失败。
插图很漂亮
设计师眼中的世界是另一个模样的,顺便也让我看到了自己网页的设计在技术层面是多么简陋
虽然是十几年前出版的书,看后仍然有所启发。
当年可能还不错吧
考古
翻了一下,里面的结构化思想很有启发性,书籍的排版布局也很美观,只是出版的太早了些
一部还不错的书
全部深度解读 →主题书单高分榜最近更新