什么是最好的兼顾桌面和移动 Web 适配的响应式方案?
rem 数值计算 如果利用 rem 来设置 css 的值,一般要通过一层计算才行,比如如果要设置一个长宽为 100px 的 div,那么就需要计算出 100px 对应的 rem …
移动端 Web App 自适应布局探索与总结
1、困扰多时的问题 在这之前做 web app 开发的的时候,在自适应方面一般都是宽度通过百分比,高度以 iPhone6 跟 iPhone5 之间的一个平衡值写死,我们…
Parallax.js 功能强大的视觉差特效插件
Parallax.js 是一款功能非常强大的 JavaScript 视觉差特效引擎插件。通过这个视觉差插件可以制作出非常炫酷的视觉差特效。它可以检测智能设备的方向。…
Unslider 轻量级响应式 jQuery 幻灯片插件
Unslider 是一款非常轻量的 jQuery 插件(压缩后不到3KB),能够用于任何 HTML 内容的滑动。可以响应容器的大小变化,自动排布不用大小的滑块。可以通…
BttrLazyLoading 基于 jQuery 响应式懒加载插件
ttrLazyLoading 是一款 jQuery 响应式图像延迟加载的插件,允许用户在WEB页面滚动至图像位置时延迟加载图片。BttrLazyLoading 提供四种不同的屏幕大小…
移动 Web 开发最佳实践与中文总结
从 meta 开始 本节之后可能也涉及 meta 标签,但为了更加全面的摸透 meta 特地用一节的篇幅来系统概述。 一、meta 标签分两大部分:HTTP 标题信息(ht…
Flexbox Grid 基于 Flex 的网格排版显示框架
Flexbox Grid 是一个基于 Flex 的网格排版显示框架,使用方法和 Bootstrap 很相似,如果只需要 Bootstrap 的排版系统,那么你可以直接使用这个 CSS 文…
Pizza Pie Charts 基于 Snap.svg 框架的响应式饼图统计插件
Pizza Pie Charts 是一个基于 Adobe 的 Snap.svg 框架的响应式饼图插件。它着重于集成 HTML 标记和 CSS,而不是 JavaScript 对象,当然 Pizza Pie Cha…
说说手机网页开发 REM 单位的使用
手机端开发基本都是使用的 REM 作为计量单位,关于什么是 REM 我就不多说了,简单来将就是 1rem 等于 HTML 标签的 font-size 大小,所以根据手机宽度…
Skel.js 用于创建响应式站点的前端框架
Skel.js 是一个用于创建响应式站点的前端框架。 快速指南 skel.js 是一个轻量级的建筑响应的网站和应用程序的前端框架。只有一个单一的 JS 文件(重量…