# 浏览器
-
10个优秀的Javascript的音频库
Web和Web浏览器在过去几年取得了快速的进步,这些进步与新技术通常被认识是HTML5达到的惊人的成果。然而,在这些新技术中,音频任然是不足的。尽管谷歌开了WEB音频API,使我们…
-
CSS开启硬件加速来提高网站性能
在桌面端和移动端用CSS开启硬件加速 CSS animations, transforms 以及 transitions 不会自动开启GPU加速,而是由浏览器的缓慢的软件渲染引擎来…
-
绝对响应全屏背景图片
传统的观点是,大图出售。较为主观意见告诉我们,大图相当。不管什么原因,我们喜欢我们的大图像。更重要的是,我们真的很喜欢把他们的背景,并把大的文本在它们之上。 我不是在这里辩论,我们…
-
给网页设计师的移动端网页设计简明指南
早在几年前移动端的数据流量就已经超过桌面端了,手机和平板占据主流,而融合两者优势的巨屏手机更是大行其道。对于现在的设计师而言,真正的第一屏到底是桌面还是移动端界面,真的很难说了。也…
-
响应式布局入门之——侧栏菜单
一直以来响应式布局都是利用的bootstrap来做,但是在手机上浏览的话,bootstrap样式文件还是有点大 118k,如果再用上一些js库的话,上个几百k是轻轻松松了,这样一来…
-
异步碎片化:重新探索Progressive HTML渲染引擎
在eBay, 我们高度重视网站的性能和加载速度, 我们总是希望开发人员能够开发出被高速加载的网页. 这一点促使我们需要很好的了解网页内容是如何分发内容给浏览器的. Progress…
-
移动端适配方案(下)
推荐一篇文章:MobileWeb适配总结,里面说到的三种布局方法已经说的很详细,还分别做了demo,我就不做了,这里说说三种方案的原理以及我使用中的感受,希望各为互补,大家理解是最…
-
移动端适配方案(上)
要搞懂移动端的适配问题,就要先搞明白像素和视口。 像素 在移动端给一个元素设置 width:200px 时发生了什么?这里的px到底是多长呢?像素是网页布局的基础,但是我们一直在用…
-
Firefox&Chrome默认字体的渲染差异
Firefox&Chrome在字体渲染的时候会存在一些差异,比如对 font-weight 的渲染。孤陋寡闻的我之前一直没注意,为了更清楚的说明问题,我做了以下测试。 首先…
-
前端工程与性能优化
每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则,还有两本很经典的性能优化指导书:《高性能网站建设指南》、《高性能网站建…