分类
其他

后移动时代的Web设计

本文作者
Ashton Blue
Ashton (Ash) Blue 是 Ash Blue Web 设计公司的创办者,他的公司网站是 www.ashbluewebdesign.com ,Twitter 账户是 http://twitter.com/ashblueWD

本文国际来源:onextrapixel.com Designing For The Modern Day Mobile Market

还记得 Wap 吗,现在还有多少人使用 Wap?后移动时代,随着浏览器技术的进步,为移动设备设置特殊站点已经不再必要。作为 Web 设计师,如果你能遵循一些基本的设计与布局原则,你的站点将能被多数移动设备更轻松地访问。本文讲述的是后移动时代的 Web 设计原则。

移动浏览技术现状

当今最受欢迎的手机系统包括 Android,BlackBerry 与 iPhone。虽然这些手机系统中的浏览器都支持 HTML + CSS + JavaScript,但它们仍然存在某些局限。

分类
其他

移动网站开发 CSS(取其精华版)

精选自原文:移动网站开发——CSS

CSS Mobile Profile 2.0中的CSS支持

因为这是CSS 2.1的一个子集,那么我们对这个规范的内容应该不会陌生,我们通过这个表格可以很直观的看到CSS MP对CSS的支持情况:

支持的 不支持的
选择器 全局选择器(*)、类型选择器(比如h1, div, p等)、子选择器(p>span)、链接伪类 (:link,:visited)、动态伪类(:active, :focus)、类选择器、id选择器、分组(h1,h2,h3{}…) :first-child、:hover 、:lang() 伪类, :first-letter 、:first-line 伪元素, 兄弟选择器(比如h1 + p),属性选择器 (比如 a[href], a[target=”_blank”])
背景和边框 background, background-color, background-image, background-repeat, background-attachment, background-position, border, border-width, border-color, border-style(注1)
定位 position, top, right, bottom, left, z-index
列表 list-style, list-style-image, list-style-type list-style-position
基本的盒模型 display(注2), margin, padding, height, min-height, max-height, width, min-width, max-width, float, clear, visibility, overflow(注3), overflow-style(注4)
色彩 color
字体 font, font-family, font-style, font-variant, font-weight, font-size(注5)
文字 text-indent, text-align, text-decoration(注6), text-transform, white-space word-spacing, letter-spacing, unicode-bidi
线形 vertical-align(注7) line-height
基本的用户界面 utline, outline-color, outline-style, outline-width cursor
滚动 marquee-style, marquee-direction, marquee-play-count, marquee-speed
@规则 @charset, @import, @media(注8), @namespace @page
分类
其他

移动网站开发标记语言(取其精华版)

精选自原文:移动网站开发——标记语言

一般来说,对于移动网站可以采取两种方式:

  • 专门开发一个独立的移动版本
  • 使用media type和media query控制网站在移动浏览器的表现

本文和下一篇文章将介绍第一种方案

基于XHTML

XHTML Basic为针对移动网站的标记语言提供基础的模块。与其基础的XML一样,它也被设计用于扩展。而XHTML Mobile Profile(XHTML MP)——它在XHTML Basic的基础上添加了一些在它们之前的版本中有的特性。之后不久W3C就发布了XHTML 1.1版本,吸收了在XHTML MP中加入的一些特性。所以现在看来这两个版本差不多是一样的。这里我们选择XHTML Basic,因为它是W3C推荐的…..