随笔分类 - CSS3
摘要:借用Effective之名,开始写Effective系列,总结一些前端的心得。 为什么说能使用html/css解决的问题就不要使用JS呢?两个字,因为简单。简单就意味着更快的开发速度,更小的维护成本,同时往往具有更好的体验,下面介绍几个实例。 1. 导航高亮 导航高亮是一种很常见的问题,包括当前页面
阅读全文
摘要:三栏自适应宽度布局貌似是一个老生常谈的问题,本文通过对几种办法的一步步分析,希望能够谈出一些新东西。这些办法包括最了原始的table布局,然后就是float布局、table-cell、margin负值法以及flex布局来实现自适应宽度的实现和原理,重点讨论了float的一些特性,最后再分析另外一个自需要根据其它元素宽度进行自适应的例子。
阅读全文
摘要:本文介绍使用css3的animation画一个太阳系行星公转的动画,再加以改进,讨论如何画椭圆的运行轨迹。然后分析京东和人人网使用animation的实际案例,最后结合css3的clip-path做一些比较特别的动画。 太阳系最终的效果图如下: css3的animation是通过关键帧的形式做出来的
阅读全文
摘要:一般一个网页上面,或多或少都会用到一些小图标,展示这些小图标的方法有很多种。最简单的做法就是将UI图上面的每个小图标都保存为图片,一个小图标就一张图片。但这也是比较笨的方法,因为浏览器同一时间最多加载的资源是有限的,例如IE7是2个,IE8是6个,chrome是6个,火狐是8个。如果网页上面有...
阅读全文