css模块化及CSS Modules使用详解

什么是css模块化? 为了理解css模块化思想,我们首先了解下,什么是模块化,在百度百科上的解释是,在系统的结构中,模块是可组合、分解和更换的单元。模块化是一种处理复杂系统分解成为更好的可管理模块的方式。它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立、互相作用的组件,来处理复杂、大 […]

抛开语法,深度剖析CSS预处理器

背景 现在来说这些,显得晚了些,大家倾向于去关注最新、最酷的技术,所谓技术的潮流,处理器的概念不算新的,每个前端从业者,应该都使用过或者瞄过两眼。有些人,试用过之后觉得不错就一直用并且推广下去;有些在用了一下之后就放下了;而另外一些,可能看过之后就没有再用。 不管你是属于哪一类,其实,我们都应该是保 […]

解决 flex 和 white-space: nowrap 同时使用引起的比例分配不正确问题

通常情况下,我们在移动端截断字符串的方法基本都是CSS截断: 这种方式只需要固定好元素的宽度,则超出宽度的文字会自动被“…”代替,很方便。 通常情况下,我们在移动端的布局会使用 flex 盒子模型和标准盒子模型进行混排,从而更好的表达我们的页面布局。例如下面的这个布局,我们把列表的每一项 […]

HooperUI动效加速器原理 – 使用 FLIP 来提高 Web 动画的性能

HooperUI为Jquery提供了一个关于动效的加速插件,其原理是将即将运作的动画转换为CSS3动画,依赖浏览器对CSS3的硬件加速,从而实现动效加速的效果。当初这只是我的一个构想,然后将其实现了,今天看到一篇文章,就是下面的内容,详细讲解了这么做的理论依据。看来我的想法还是有一些外国友人赞同的, […]

[译]Houdini: CSS 的下一件大事

译者:其实…我想说这可能是最令我感到兴奋..但又害怕头痛的功能…附上原文链接 你曾经想要使用某个CSS的新功能,但是最后却因为这个功能浏览器还未全面支援而放弃了吗?甚至更糟糕的状况,浏览器已经支援了但却充满问题。我敢打赌这些情况你肯定遇过了。如果上面这种情形你曾经遇过,那么你 […]

2015年最佳的12个 CSS 开发工具推荐

CSS所能做的就是改变网页的布局、排版和调整字间距等,但编写 CSS 并不是一项容易的任务,当你接触新的 CSS3 属性及其各自的浏览器前缀的时候,你会发现很伤脑经。值得庆幸的是一些优秀的开发人员提供了很多在线的 Web 应用程序来帮助我们。 1. Skyline Skyline helps you […]