CSS
-
使用CSS和jQuery创建一个固定边界的动态框架
了解如何添加固定的顶部,底部,左、右边框框页面使用CSS定位和动画 1. Animated border frame The Anita site features fixed b…
-
通过视频标签渲染HTML5视频画布
学习如何绘制视频帧到一个Canvas元素,并促进各种效果 html5video 1. Video the star Sites such as sailing-with-green…
-
谷歌Chrome Accelerated Mobile Pages(AMP)提升网页的加载速度
谷歌日前发布了一项名为Accelerated Mobile Pages(简称AMP)的技术,该技术将极大提升网页的加载速度。 根据谷歌的描述,AMP通过限制一些容易拖慢网页加载速度…
-
H5 缓存机制浅析 移动端 Web 加载性能优化
1 H5 缓存机制介绍 H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储,这意味着 w…
-
创新高性能移动 UI 框架-Canvas UI 框架
最近有人在知乎讨论 React Native,我也凑个热闹,来个技术贴。 WebView 里无法获得的能力虽然是「体验增强」与「端基本能力」,但现都基本上有成熟解决方法。但后期的 …
-
CSS开启硬件加速来提高网站性能
在桌面端和移动端用CSS开启硬件加速 CSS animations, transforms 以及 transitions 不会自动开启GPU加速,而是由浏览器的缓慢的软件渲染引擎来…
-
绝对响应全屏背景图片
传统的观点是,大图出售。较为主观意见告诉我们,大图相当。不管什么原因,我们喜欢我们的大图像。更重要的是,我们真的很喜欢把他们的背景,并把大的文本在它们之上。 我不是在这里辩论,我们…
-
响应式布局入门之——侧栏菜单
一直以来响应式布局都是利用的bootstrap来做,但是在手机上浏览的话,bootstrap样式文件还是有点大 118k,如果再用上一些js库的话,上个几百k是轻轻松松了,这样一来…
-
异步碎片化:重新探索Progressive HTML渲染引擎
在eBay, 我们高度重视网站的性能和加载速度, 我们总是希望开发人员能够开发出被高速加载的网页. 这一点促使我们需要很好的了解网页内容是如何分发内容给浏览器的. Progress…
-
移动端适配方案(下)
推荐一篇文章:MobileWeb适配总结,里面说到的三种布局方法已经说的很详细,还分别做了demo,我就不做了,这里说说三种方案的原理以及我使用中的感受,希望各为互补,大家理解是最…