CSS3完美圆角实现的研究
上图中这些按钮漂亮吗？喜欢吗？你是否曾经有意或无意想要设计这样一个漂亮的按钮，一个圆角矩形嵌套在另外一个圆角矩形中，然后你不知道应该怎么根据给定的外部半径设置内部半径大小，或者反过来根据内部半径大小设置外部大小？这就是我们接下来要探讨的…
稳定、地道HTML书写原则
一、一般原则 所有的代码应看似出自一人之手，即使奶妈有多人。 严格执行约定的风格。 若风格不定，使用现有、常用风格。 二、格式 标签以及属性名称总是小写。 一行一个不连续元素。 每个嵌套元素使用一个额外的缩进。 布尔属性无值（如checked而不是c…
前端需要理解的CSS3技巧
现在使用CSS3的网站越来越普及了，但是我们现在能真正用到的CSS3技巧又有哪些呢？这篇文章，我将向你展示一些与众不同的CSS3技巧，这些技巧在一些主要的浏览器中表现良好（如Firefox，Chrome，Safari，Opera浏览器）。 这些效果会在不支持的浏览器中降级渲…
JavaScript最佳实践
本文档整理大部分公认的、或者少有争议的JavaScript良好书写规范（Best Practice）。一些显而易见的常识就不再论述（比如要用对象支持识别判断，而不是浏览器识别判断；比如不要嵌套太深）。条目顺序按重要级粗略的从高到低排列。 把外部JavaScript文件放…
overflow:hidden真的失效了吗
项目中常常有同学遇到这样的问题，现象是给元素设置了overflow:hidden，但超出容器的部分并没有被隐藏，难道是设置的hidden失效了吗？ 其实看似不合理的现象背后都会有其合理的解释。 我们知道，overflow属性值有这几种： visible：声明内容不会被剪裁。比…
CSS布局中一个简单的应用BFC的例子
什么是BFC BFC(Block Formatting Context)，简单讲，它是提供了一个独立布局的环境，每个BFC都遵守同一套布局规则。例如，在同一个BFC内，盒子会一个挨着一个的排，相邻盒子的间距是由margin决定且垂直方向的margin会重叠。而float和clear float也只对同一…
CSS基线之道
这或许是因为缺少基线网格的理解和欣赏，更或者是因为基线网格是出了名的难以实现， 迄今为止还没有人拿着蓝图让它成功实现。 有些人甚至认为基线在网络上是多余的，基线作为一种排版术语和网络上的行为，在网络上遵循的规则有别于用于印刷的，line-height…
使用css sprites来优化你的网站在Retina屏幕下显示
CSS srites(CSS图片精灵)已经存在很久了。事实上， 八年前就有CSS Sprites的详细介绍。CSS Sprites为一些大型的网站节约了带宽，让提高了用户的加载速度和用户体验，不需要加载更多的图片。 对于小型网站，CSS Sprtes并没有带来很大的变化，或许这样使用并…
瀑布流混搭Metro风格
图片分享网站Pinterest（beta），在不久前获得了2700$的投资，估值已超2亿元（据说现该公司团队有8人）。该网站的一大特色就是每一张分享的图片被拟作“Pinterest”被钉在页面上面，每一Pin依尺寸智能排列，同时滚动页面时异步加载新Pin，极具效果。这种创…
使用jquery动态加载脚本以减少服务器压力
如果您要创建一个web2.0的应用程序，那么你的网页会包括大量的JavaScript文件，这些可能会拖慢您的网页。因此，动态加载JavaScript代码到您的网页是一个好主意，即只有当实用他们的时候加载它们。这种策略可以帮助你减少你的网页的加载时间。 幸运的是，j…
使用jquery的9个误区
jQuery是如此容易使用以至于我们有时候忘记了CSS的存在。我们在使用CSS时，几乎不去考虑性能，因为它已经是快得不值得再去做什么优化上 的努力。但现实世界中，JQuery会导致令开发人员发疯的性能问题。有时你会毫无知觉地就损失那么几毫秒。我们也很容易忘…
响应式网页设计与应用
每个设计师都想自己的网站可以在任何设备上体验都很牛，什么iPhone、ipad、黑莓、kindle……无所不能啊~ 苦逼的是这些东东的系统不一样，分辨率也不一样啊；电脑的屏幕越来越大，但是还有一半的用户还是用的17寸CRT；手机、pad层出不穷，没有个统一标准，我…
css文本两端对齐
在做表单时我们经常遇到让上下两个字段对齐的情况，比如姓名， 手机号码， 出生地。这样我们就要用到 text-align， text-justify样式了。 text-align直接设为justify就行了，text-justify的情况就复杂了，可能有人对它还不熟悉。IE的取值如下： auto :允…
各大网站瀑布流简析与建议
很难说这东西是什么时候山寨到国内，反正现状就是一涌而上，到处是瀑布流。瀑布流的鼻祖是Pinterest，图片网。图片网令我想起了各种相册，如最著名的Flickr。但区区Pinterest一小站，能够独行特立，引领潮流，可见创新的力量。 瀑布流有两大元素，图片与无…
应不应该使用inline-block代替float?
CSS布局创建网站,浮动绝对占据了很大的比例.大块区域如主内容及侧边栏,以及在其中的小块区域,都可以看到浮动的影子.这里浮动是唯一的解决方案吗? 浮动通常表现正常，但有时候搞起来会很纠结。特别是处理内部容器中的浮动，比如对一排图片使用浮动后对齐出…
