CSS
-
移动端适配方案(上)
要搞懂移动端的适配问题，就要先搞明白像素和视口。 像素 在移动端给一个元素设置 width:200px 时发生了什么？这里的px到底是多长呢？像素是网页布局的基础，但是我们一直在用…
-
前端工程与性能优化
每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建…
-
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定…
-
jQuery实现图片延迟加载
在浏览有些网站时，发现图片是在下拉滚动条时才加载,这是一个很不错的用户体验。这一效果是通过JavaScript 编写的 jQuery 插件实现的，它可以延迟加载长页面中的图片. 在…
-
Web动效研究与实践
随着CSS3和HTML5的发展，越来越多狂拽炫酷叼炸天的动效在网页设计上遍地开花，根据最新的浏览器市场份额报告，IE6的份额已经降到了5.21%，这简直是一个喜大普奔的消息，做动效…
-
2015 年最棒的 5 个 HTML5 框架
大多数的 web 开发者一直在用关键点来寻找动态的框架，这样能简化他们的设计和开发工作。 HTML5 框架在所有的 web 浏览器和手机应用上都展现了优秀的性能。它不仅简化了 HT…
-
2015年需要了解的前端框架和语言
语言/平台 Node.js第一，PHP第二，JavaScript第三。因为Node.js的社区很多，所以这个结果你也不用太意外。如果你知道JavaScript,你已经一只脚踏…
-
未来 Web 设计的 7 大趋势
关于Web设计的未来趋势，我相信很多文章都有涉及。下面就让我带你总结一下哪些才是真正的预言。 1.手势取代点击 还记得曾经是如何滚动网页的吗?将鼠标移到屏幕的右边缘，然…
-
免费的HTML5下拉菜单栏教程和插件
e powers of HTML5 are really amazing. There was a time when you needed jQuery to make a su…
-
移动Web——CSS为Retina屏幕替换图片
有很多设备的“devicePixelRatio”都大于1.5或者等于2（window.devicePixelRatio = 物理像素/dips）。我的三星项目就是个最新的iPhon…