专栏名:温故而知新(一)推荐《精通CSS与HTML设计模式》
所有者:战国斯迪
       如果不是因为某些原因和机会,我自己都不知道我什么时候再会从衣柜里拿出那大堆我从大学时期积累的前端书籍。我也不知道我以后什么时候会在静下心来重新读这堆我曾经看过多次的书。
       我昨晚从最下面抽出了里面的唯一一本和HTML和CSS相关的书----《精通CSS和HTML设计模式》。我大学的时候看过图书馆中和HTML,CSS相关的所有书籍,但是我一直带着身边的只有这么一本,也不断的向别人推荐这本书,这是我认为最好的一本的HTML,CSS书籍,但是我在前端交流社区中很少看见有人提起他,这也难怪,因为这不是一本什么正统的书籍,这只是一本手册,一本讲HTML,CSS组合的解决方案,从某些角度来说这是一本HTML,CSS的字典,其内容的排版也是。总之这是一本被前端界所忽视的好书,我感觉我需要站出来为这本书代言,因为在我看来这真的是一本好书。前端工程师需要这本书。

      正如《设计模式》的前言中说的那样,这是一本介绍350多个可以立即使用设计模式的解决方案手册,而它不仅仅是一本解决方案,它系统的讲述CSS的每一个可用特性,并将这些特性与HTML结合创造出可复用的模式。每一种模式都有一个直观的名称,便于查找、记忆和讨论。设计模式是通过主题组织,在具体的应用上深入的讲解了你了解的css规则。因此本书值得通读(个人认为是精读),而且当你设计和编写代码的时候,可将本书放在手边作为一个极好的参考。
      设计模式就像拼装玩具,可以用无数的方式将他们组装并创造出任何效果。他们就像工具箱中的工具,本书用上百种工具将你武装起来,使你可以迅速正确的解决问题。本书将展现如何可预见的创造模式-----通过组合不同的可预见模式,而不是局限于一种解决方案。
      如果你喜欢通过例子学习,喜欢了解代码是如何工作的,并且对CSSh和HTML有所了解,你肯定会爱上这本书的。
      本书包含了一些创新的概念,术语和方法,这其实都不是新东西:那些技术已经内建在主要的浏览器中,概念已经隐含于CSS的规则中,术语也经常使用的,它的创新在于在定义和使用它们的方法,其中展现了CSS和HTML的巨大潜力。换言之,它们的创新之处在于它们简化了学习、理解和使用CSS和HTML的过程,这些力量改变了你对CSS和HTML的看法,使一切变得与众不同,而且本书中许多设计模式都属于创新,因为他们展现了通过使用结合使用属性及元素,可以解决许多以前难以解决的问题。
      书中的一个创新是认为CSS有6种盒模型而不是一种,官方规定CSS只有一种盒模式,它定义了一套常用的属性和行为,单一的盒模型是很实用的概念,但是它过于简单,这就是很多人使用CSS时疲于应付的原因之一。盒模式看起来简单,但是当使用它的某些属性只会在某些情况下起作用。本书把一个复杂的盒模型分成6种简单的盒模型,并定义了每种盒模型的行为。
      作者Michael Bowers,是资深Web开发专家,有18年专业软件开发经验。拥有音乐理论硕士学位,是一名优秀的钢琴家。本书在2008年被翻译成中文,作者的写作时间应该在2008年以前。
      这是一本优雅,分类明细,排版精细但是被忽略的书。对我或者对前端工程师来说这是一本古典音乐的乐谱,声音入耳的时候产生与灵魂的共鸣和惊讶。只是可惜现在很少有人回去听古典乐了,也很少有人回去看一本排版字典化,内容观念化的工具手册,毕竟太多的人认为CSS和HTML太简单了,简单到不值得买一本工具书放在手边。同时前端技术发展迅速,我们将大部分时间都投入到了新的技术中,很少有人对简单的东西反复的咀嚼和消化,只是可惜在我看来真的少有人在这方面有很深入的研究,很多工程师,前端工程师对这些形而上学的概念都是一知半解。
      其实书的前言中已经说明了很多问题,HTML,CSS因为看上去简单而不被重视,但是大部分人只是疲于应付,在这几年关于前端是不是一个低等的职业和要不要深入学习HTML和CSS的争论一直不觉于耳,而在极易学习的HTML和CSS少有真正的HTML,CSS高手出现,页面重构工程师也成为一个全新的职业,少有人可以写出真正符合语义化,结构化的HTML,符合规范,有序,精简,不耦合的CSS。前端的学院派和实战派之争,display,postion有几个属性是不是真的重要和必要,在互联网的浪潮中前端变得一个新兴热门职业,前端技术也发生了翻天覆地的变化,但是前端界对HTML,CSS基础的理解依然停留在十年前,基本没有发生什么创新和改革,同时流模式,盒模式,浮动和定位给入门的新前端造成很大的困扰和不解依然存在。而这些问题在本书都有详细的介绍和设计,本书在不同的地方给这些问题给出了不同的答案,本书不是一本HTML,CSS的入门书籍,是一本讲述HTML,CSS是如何组合,代码如何运作的书籍,在某种程度上来说这是一本讲解HTML,CSS内核的书籍,或许HTML,CSS不存在什么内核不内核的,但是我们不难在本书中窥见浏览器对HTML和CSS的解析过程。这本书看似简单但是涉及面和深度很广,并在对前端概念方面有一定的创新的书籍。
      很不幸,我并没有看到这几年恰前端的发展中有什么理解是超过本书的范围的,而本书的很多优秀模式至今没有被应用于前端中,没有比这本书更好的对HTML,CSS,HTML和CSS组合的分类和讲解,但是很不幸本书已经被前端界遗忘在了历史中。在淘宝中的近期购买人数是0,但当当前前无货,而在卓越上甚至是找不到这本本书。是呀,因为这本书没有涉及新的知识,只是最简单知识的组合。书中没有涉及node.js,zencoding,less,sass,HTML5,CSS3,前端css框架和新的js类库,没有响应式布局(但是书中有可能写到相关知识,也给出了对应的解决方案。),更没有移动互联网,而且这又不是一本入门书籍,会有一大批新人来阅读。但是这些都可以理解,因为这本书译于2008年,那时候中国的真正前端职业可能才刚刚开始兴起,后来的前端新技术还没有兴起甚至没有出现,今天被广为使用的Chrome都还没有诞生。干货很多时候是比不上鸡汤。
      文字的意义在于记录,而传递和表达只是在自己满足后的附属价值。我写这文章的目的在于自我归纳整理和功利性因素。如果文档本身或者我推荐的这本书让你对前端,前端技术有不同的认知,对你有一丁点的帮助我都感到万分荣幸。本文也就是我的一个读书笔记,或者想法记录,会有很多不正确和不严谨的地方,当然还有很多错别字,并不是什么标准答案,只是一个参考答案,参考答案是用来参考的,而对HTML,CSS的理解过程应该是你需要参与思考的,当然我不是一个前端的大牛,甚至现在都不是一个前端工程师,这些也只是我个人对于HTML,CSS和前端的理解,可能这些理解是有变差的,可能存在方向上的错误,如果你同我交流和探讨我表示感谢和欢迎。
= '订阅者:' 邮件订阅(0)
成员
暂无文章
友情链接 大搜车前端团队博客
我的收藏