前端发展迅猛,除了自身更加厚重外,往前以及往后都有了发展和延伸,当前对前端的要求更高,而人的精力总是有限的,这个时候,就需要我们把有限的精力放在更适合自己发展的方向上,那应该放在哪个方向上呢?本文就将通过我自身的经验、观察和认识,为大家指明前进的道理。
-webkit-box-reflect属性简介及元素镜像倒影实现
2016年08月14日 by 阅读 50431 次, 今日 6 次玻璃,水面会有倒影,有时候我们在web中模拟一些效果,或者实现一些质感的时候,也是需要投影效果的。那我们该如何实现呢?本文从-webkit-box-reflect
入手,按照浏览器,依次介绍各种投影效果的实现,很多demo,很多截图很多源代码展示,希望本文的内容能够对您的学习有所帮助!
Safari 3D transform变换z-index层级渲染异常的研究
2016年08月7日 by 阅读 78603 次, 今日 18 次Safari被戏称为新时代的IE6,就是因为其有各种各种奇怪的渲染问题,或明显的渲染bug, 而这些bug都是IE浏览器不会犯的,着实让人头疼。
而本文这里要展示的3D变换影响层级渲染也是Safari浏览器专有的问题,不妨进来看看,说不定下次遇到类似问题就知道是怎么回事,该怎么解决了~~
如何在CSS中实现父选择器效果?
2016年08月7日 by 阅读 155798 次, 今日 12 次虽然说至今尚无浏览器支持原生的父选择器效果,但是,我们是可以通过其他手段来实现父选择器效果的,虽说不是100%完全,但是,一般的项目需求都是可以满足的,如何实现呢?如果用一句话解释原理就是“把兄弟元素作为祖先元素使用”……
本文其他地方是看不到的哟~~
简单聊聊CSS选择器中的正则表达式
2016年08月7日 by 阅读 54140 次, 今日 11 次没错,CSS也有正则,CSS装逼两利器:矩阵和正则。本文就简单介绍后面的正则,有示意有代码展示有截图有吐槽,希望本文的内容可以对您的学习有所帮助……
小tips: PC端传统网页试试使用Zepto.js进行开发
2016年07月20日 by 阅读 57451 次, 今日 10 次Zepto.js设计之初专为移动端,不对一些古董浏览器支持。所以,尺寸很小,我很喜欢。目前,从用户访问情况来看,绝大多数用户使用的是现代浏览器,也就是Zepto支持的浏览器,这让这些浏览器中直接使用Zepto成为了可能……
等宽字体在web布局中应用以及CSS3 ch单位嘿嘿
2016年07月9日 by 阅读 78026 次, 今日 15 次所谓等宽字体,一般是针对英文字体而言的。东亚字体,据我所知,应该都是等宽的,就是每个字符在同等size下占据的宽度是一样的。但是英文字体就不一定了,就难本文来说,我下面写一个单词,什么呢,就iMac吧,大家打开自己的像素眼,就会很明显地发现这个字符’i’要不其他字符,例如’M’占据的宽度要小.但是,如果是等宽字体,宽度就一样,那么这种表现在web布局中有没有什么作用呢?还有CSS3 ch单位和他又有什么千丝万缕的关系呢?
小tips: IE7,IE8浏览器纯CSS实现正圆角效果
2016年07月6日 by 阅读 81192 次, 今日 2 次CSS3 border-radius可以轻易实现圆还有圆角效果,然而,需要IE9+浏览器才行。移动端自然不成问题,但是众多(尤其面向C侧)PC页面是至少需要兼容IE8的,那有没有什么办法可以让IE7, IE8也支持圆角呢?
很久很久以前介绍过一个名为PIE的东西可以实现IE7,IE8的圆角。然后,本文再介绍一个使用纯CSS实现IE7,IE8浏览器正圆角的例子……
CSS3 appearance大全鉴赏以及是否影响box-sizing
2016年07月6日 by 阅读 32720 次, 今日 3 次CSS3 appearance可以重置和改变元素的外观,有时候还是挺有用的,目前的兼容性也令人满意,大家不妨可以简单了解下……