摘要：目的：减少重复代码不同场景，不同实现（主要就是类和接口，一切以接口为核心）先抽象，后具体。先整体，后局部。1.AbstrcatFactory模式：提供一个创建一系列相关或相互依赖对象的接口。而无需指定它们具体的类。2.Adapter模式：将一个类的接口转换成客户希望的另一个接口。Adapter模式使得原来由于接口不兼容而不能一起工作的那些类可以一起工作。3.Bridge模式：将抽象部分与它的实现部分分离，使它们都可以独立地变化。4.Builder模式：将一个复杂对象的构建与它的表现分离，使得同样的构建过程可以创建不同的表示。5.Chain of Responsibility模式：为解除请求的发
阅读全文
摘要：由HTML5研究小组策划，我和百度罗睿、秀野堂主合作的HTML5新书正在收尾阶段，将由图灵出版社出版。 这本书站在国内一线前端工作者的视角，提供了和之前所有HTML5书籍完全不一样的内容和体验。下面我分享一下这本书的其中三章大纲，让大家预先了解这本书的部分面目。 写书分享是一个艰难的过程，需要付出大量的精力和时间，希望这本书能带给各位读者参考和启迪，我即心安。
阅读全文
摘要：W3C CSS工作组刚发布了CSS3两个工作草案规范的更新。 第一个更新在3月11日发布，对CSS3弹性盒子布局模块进行了大的变更。第二个在3月24日发布，为CSS3字体模块带来了许多优化。CSS3弹性盒子布局 CSS3弹性盒子布局在2009年7月第一次引入，在这次规范的最新更新中几乎完全被重写了。根据最新的工作草案： 和之前的草案相比，基本的模型在相当程度上进行了调整。特别的，flexibity不再是一个单独的属性，将会以不同属性值的方式表示。 2011年3月24日，Bert Bos在www-style邮件组里的一封邮件有如下内容： 新的工作草案中有许多变更。几个box-*...
阅读全文
摘要：平常我们看到精美的网站时，可能很想了解它们的文字使用了哪些字体。WhatFont Bookmarklet可以帮助我们方便的查看网页中的某段文字是什么字体，是前端开发必备的绝佳工具。 使用方式 使用Chrome打开http://chengyinliu.com/whatfont.html，将页面上“WhatFont”按钮拖拽到Chrome上方的收藏栏。 收藏栏上会出现一个名为“WhatFont”的按钮。 打开任意一个页面，然后点击收藏栏上的“WhatFont”按钮。将鼠标放在页面上的文字上可以实时获取文字的字体。 此时在页面上点击可以看到字体的详细情况，包括font-size，fon...
阅读全文
摘要：这篇文章分为四个方面介绍了激动人心的HTML5之美：语义之美人性之美简单之美实用之美 欢迎大家阅读。
阅读全文
摘要：译自：http://net.tutsplus.com/tutorials/html-css-techniques/top-15-best-practices-for-writing-super-readable-code/译者：蒋宇捷（转载请标明出处-http://blog.csdn.net/hfahe） 一月两次，我们重温Nettuts历史上读者最喜欢的文章。 代码可读性是一个计算机编程世界的普遍主题。它是我们作为开发者第一件学习的事情。这篇文章将阐述编写可读性代码十五个最重要的最佳实践。1 –注释和文档 集成开发环境IDE在过去的短短几年里走过了很长的路。它使得注释代码比以前更加有...
阅读全文
摘要：译自：http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text译者：蒋宇捷，转载请标明出处（http://blog.csdn.net/hfahe） HTML5表单的最大优点之一是可以为输入区域添加占位符文字。占位符属性允许可以为一个空的或者没有焦点的表单输入框显示文本，在获得焦点后消失。这是一个非常不错的特性，但是还不被所有的浏览器所支持。这个教程将向你展示如何使用Modernizr来检测浏览器是否支持占位符，否则使用jQuery来动态的显示兼容性的占位符文本。示例源码下载最原始的Javascript方.
阅读全文
摘要：又一周过去了，Chromium（594次提交）和Webkit（522次提交）有了1116个变更。亮点包括ChromiumOS触摸支持取得了更多进展、一个新CSS选择器的实现、以及line-box-contain属性。 Chromium生成了一个键盘,为锁定、解锁SIM卡和触摸设备提供了支持。为触摸界面升级了新的标签页面并添加了大的载入器，虽然并不是最终版本。 Dave Hyatt提议并为Webkit实现了一个CSS属性：line-box-contain。这个属性将会使第一行的文字看起来比其他的更大，使得line-height改变。使用前缀的版本在Webkit和Chromium天天版中已经可..
阅读全文
