移动 Web 开发之浏览器

「移动 Web 开发」系列文章为 PPK 所著的 The Mobile Web Handbook 读书笔记。除书中内容,还补充了部分中国的实际情况,以及个人的经验、观点。 本文乃此系列的浏览器篇。 移动浏览器类型 移动浏览器可以分为四种: 内置浏览器 用户安装浏览器 WebView 代理浏览器 它们有时是重叠的,比如代理浏览器可能是内置的,也可能是用户安装的,如 »

w3ctech手机腾讯网前端技术专场小记

昨天参加了w3ctech走进名企第二季·手机腾讯网前端技术专场,简要记录一下一些要点。 WebApp 加速技巧 使用本地存储(localStorage)保存 js、css 等资源。目前的 AppCache 很鸡肋,对快速更新迭代的 WebApp 而言,使用本地存储保存静态资源会是一个更好的方案。 js 增量管理:每次修改的 js 代码很少,使用增量更新只下载有改动部分,节省流量。 js »

那些让 Web开发者们深感意外的事情

作为 Web 开发者,对自己的行业前景,人人都有自己的看法,然而,任何行业都有出人意料的地方。著名的 Web 开发设计博客 Nope.com 曾向他们的读者做了一个调查,请他们列举 Web 开发领域那些让他们感到意外的事情,收到了各种各样的反馈,本文就是这次调查的结果与分析。 一个真正的符合 Web 标准的 IE 这个消息让我们振奋,在经过 9 个版本更替后, »

CSS3 Media Queries 详解

说起CSS3的新特性,就不得不提到 Media Queries 。 本文比较详细,所以很多实际中用不到。所以如果只是想简单了解Media Queries,推荐参考 CSS3 Media Queries 。 CSS2.1定义了 Media 的部分,包括类型、组别和规则等。CSS并非为了显示器而创造,而是应用于各种各样的媒体,比如常见的显示器,越来愈多的手持设备,可能略显过时的电视机等等。 而 Media Queries »

CSS3 Media Queries

CSS2允许为特定的媒体指定样式表,如screen(屏幕)和print(打印),CSS3通过添加media queries(媒体查询库)使其更加有效。CSS3可以通过添加查询语句来确定不同的媒体类型,应用不同的样式表。例如为大的显示器指定一个样式表,为移动设备指定另一个样式表。有了这一强大的技术,我们可以在不改变内容的情况下为不同的分辨率和设备量身定制样式。本文接下来将介绍media queries教程,参看一些充分利用该技术的网站。 CSS3 Media Queries (demo) 查看演示,调整浏览器窗口大小以验证不同分辨率下的效果。 Max Width( »

CSS3 Media Query:移动 Web 的完美开端

移动时代,是任何 Web 设计与开发者都不能忽视的一个时代,总有一天,你设计的东西将被显示在两种屏幕上,桌面大屏幕和移动小屏幕,如何让同一个网站同时适应完全不同的两种尺寸 的屏幕,这是一个很久以来都没有完美解决方案的问题,直到有了 CSS3。 CSS3 的 Media Queries 在 CSS2 时代,如果你曾经为你的网站设计过打印版 CSS,就会明白 CSS3 Media Queries 的作用, »