从Bootstrap到Amaze UI,中国的开源HTML5前端框架 近日云适配发布了开源的HTML5前端框架AmazeUI,目前处于内测期。根据Amaze UI的官网介绍,该框架的特点是mobile first,解决Web应用从PC向多屏适配的问题,兼容国内主流浏览器和平台,并且专注解决中文排版优化问题。 InfoQ中文站跟云适配CEO陈本峰进行了交流,了解有关AmazeUI框架的更多细节。 InfoQ:现在前端框架这么多,为什么还要开 未分类 2015-04-08 梦魂
浅谈CSS中的背景定位(background-position) 为元素应用背景图片大概是CSS中最常使用的特性之一,并且有很多背景属性来让我们控制元素背景的各方面表现。 元素可以有多个背景图片。如果想要应用多个背景图片,你可以为元素提供一个逗号分隔的列表值作为background-image属性,而background-position属性用于指定图片的位置。这个属性很多不同的可能值,各有不同的效果,而且一些值可能对于CSS初学者来说很陌生,值得深入研究。 为 未分类 2015-04-03 梦魂
CSS中的剪裁和遮罩 剪裁和遮罩都是用来隐藏元素的一些部分、显示其他部分的。当然了,这两者还是有区别的。区别主要在于这几方面:他们能做的东西,不同的语法,涉及到的不同技术,是新的还是旧的,以及浏览器支持的差异。 但不幸的是总是有相当多的过时信息在那儿,所以一起来看看能否解决这个问题。 剪裁和遮罩之间的区别 遮罩使用的是图像,剪裁使用的是路径。 想象一张从左到右、从黑到白渐变的正方形图像,它可以是一个遮罩。对于应用了这个 未分类 2015-04-01 梦魂
Transform、Transition、Animate的区别 Transform 在部分的test case当中,每每演示transform属性的,看起来好像都是带动画。这使得小部分直觉化思维的人(包括我)认为transform属性是动画属性。而恰恰相反,transform属性是静态属性,一旦写到style里面,将会直接显示作用,无任何变化过程。transform的主要用途是用来做元素的特殊变形,对于做设计的人来说并不是很陌生,简单的来说就是css 的图形变 未分类 2015-03-31 梦魂
每个程序员需掌握的20个代码命名小贴士 代码中到处都需要命名。作为程序员,我们得给类命名,给变量命名,给函数命名,给参数命名,给命名空间命名,等等等等。下面有20条小贴士能帮助你提高你的命名能力。 1.使用能够表达意图的名字 名字得能告诉我们它要做什么,为什么存在,以及是如何工作的。选择能够表达意图的名字,将更有利于我们理解代码。 int d; // elapsed time in days int el 未分类 2015-03-29 梦魂