<?xml version="1.0" encoding="utf-8"?><rss version="0.92">
<channel>
	<title>小强ORG</title>
	<link>http://www.xiaoqiang.org</link>
	<description>关注web前端开发&#124;MobileWeb前端&#124;android技术&#124;用户体验&#124;交互设计</description>
	<lastBuildDate>Wed, 01 Sep 2010 09:00:04 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	<!-- generator="WordPress/3.0.1" -->

	<item>
		<title>CSS3 Media Query:移动Web的完美开端</title>
		<description><![CDATA[移动时代，是任何 Web 设计与开发者都不能忽视的一个时代，总有一天，你设计的东西将被显示在两种屏幕上，桌面大屏幕和移动小屏幕，如何让同一个网站同时适应完全不同的两种尺寸的屏幕，这是一个很久以来都没有完美解决方案的问题，直到有了 CSS3。 CSS3 的 Media Queries 在 CSS2 时代，如果你曾经为你的网站设计过打印版 CSS，就会明白 CSS3 Media Queries 的作用，不过，CSS3 的 Media Queries 比 CSS2 的 Media Type 更实用，事实上，CSS2 的 Media Type 并不曾被多少设备所支持过。CSS3 的 Media Queries 可以帮你获取以下数据： 浏览器窗口的宽和高 设备的宽和高 设备的手持方向，横向还是竖向 分辨率 如果用户有一个支持 Media Queries 的设备，我们就可以为该设备编写专门的 CSS，让网站适应这个设备的小屏幕，英国的 Web 技术大会 dConstruct 便基于该技术推出他们的 2010 年大会网站，手机也可以轻松访问，以下是该网站的桌面版和手机版截图： 这个网站在不同尺寸的设备上按不同的布局显示，并且，手机版在 iPhone，Opera Mini， Android 等设备上有完全一致的表现。 使用 Media [...]]]></description>
		<link>http://www.xiaoqiang.org/css/css3-media-query.html</link>
			</item>
	<item>
		<title>移动Web前端开发——开发语言和手机浏览器</title>
		<description><![CDATA[WAP：无线应用协议，是在无线网络环境中应用层通讯的一个开放国际标准，主要用于手机等移动设备访问国际互联网。而WAP网站则是使用WML编写的网站的俗称。 移动web：是指可以用移动设备访问的WWW内容、应用和服务。 很明显，移动web应该包含了WAP。所以，我把能用移动设备访问的网站或应用称为移动web。 移动web是客户端技术，如果要开发移动网站，自然我们需要选择一款合适的标准语言。主要技术标准有： WML——古典的移动web标准，使用WML i-mode——小日本的标准，使用iHTML，我们可以忽略 OMA领导的xHTML mobile profile，使用xHTML W3C领导的xHTML Basic，使用xHTML 以及所谓的Full Web，也就是普通的HTML——从iPhone开始流行起来 他们的演进如下： 目前仍在演进的，就是有HTML, 和XML了（Flash Lite另外讨论）。 技术特点还是贴图直观一点，我用网易来举例： WML：代码紧凑，适合无线传输，被良好的支持，有许多移动特性。但是需要独立开发，实现样式困难。 xHTML：适合无线传输，被广泛地支持，易于开发，易于界面设计，mobile profile有部分移动特性。 Full Web：适合桌面习惯，丰富的表现，不过需要设备有大量内存和渲染能力，传输比较慢。 支持情况： wml：可以接入互联网的手机都支持（除了iPhone），而MID和上网本默认情况下不支持。 xHTML mp：近代手机都支持，只要拥有256色以上的屏幕的手机是绝对支持的，MID和桌面电脑也支持。 xHTML Basic：近代手机都支持，如果支持到它的设备，mobile profile页面也能良好的渲染，MID和桌面电脑也支持。 Full Web：近几年的设备支持，一般是智能机和较主流的设备，例如操作系统是Symbian, Mac OS, windows, Android等的设备以及部分第三方浏览器如Opera, Fennec, Skyfire等等。 如果你有如下条件，使用wml： 面向所有年代的手机都要有良好的兼容 界面效果要求不高 极小的数据传输 额外的wml编写经验 如果你有如下条件，使用xHTML： 面向近几年的移动设备和桌面设备 需要良好的移动界面 较小的移动数据传输带宽 要求丰富的多媒体内容 如果你有如下条件，使用Full Web： 面向高机能的智能设备 没有时间开发移动版本的内容 大量的带宽 不要求移动特性 当然上面的条件只是概括，不代表必须这样做。还是要根据实际情况，决定使用合适的技术标准。 [...]]]></description>
		<link>http://www.xiaoqiang.org/mobile-web/mobile_web_lang_broswer.html</link>
			</item>
	<item>
		<title>团客拉用户体验浅析</title>
		<description><![CDATA[对团客拉（www.tuankela.com）网站的用户体验浅析，下面是目录，提供doc下载。希望大家共同交流学习！ 一、用户界面测试 网站配色方案 Logo文化 Icon图标规范 二、可访问性 浏览器兼容性 设备兼容性 无图模式或者无样式模式 客户端禁用js 三、代码测试 HTML Validator Firebug Yslow 四、人机交互测试 眼动议 黑盒测试 谷歌AB测试 五、SEO测试 代码级别 搜索引擎 外链内链 软文推广 六、总结 文档下载：团客拉体验测试报告]]></description>
		<link>http://www.xiaoqiang.org/ue/tuankela_ue.html</link>
			</item>
	<item>
		<title>IE下中英文混排bug</title>
		<description><![CDATA[这个bug很常见，首先看示例代码： &#60;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&#62; &#60;html xmlns="http://www.w3.org/1999/xhtml"&#62; &#60;head&#62; &#60;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&#62; &#60;title&#62;000&#60;/title&#62; &#60;style type="text/css"&#62; *{margin:0; padding:0;} body{font-size:12px; color:#333;} #list{font-family:Arial; list-style:none;} #list li{float:left;margin-right:10px;} &#60;/style&#62; &#60;/head&#62; &#60;body&#62; &#60;ul id="list"&#62;&#60;li&#62;12条留言&#60;/li&#62;&#60;li&#62;回复&#60;/li&#62;&#60;/ul&#62; &#60;/body&#62; &#60;/html&#62; 这个bug导致基线不一致，解决方法有如下几种： 修改字体为宋体，但是宋体的英文字体为衬线字体（Times New Roman即是英文中的衬线字，关于衬线字) &#60;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&#62; &#60;html xmlns="http://www.w3.org/1999/xhtml"&#62; &#60;head&#62; &#60;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&#62; [...]]]></description>
		<link>http://www.xiaoqiang.org/css/ie_cn_en_bug.html</link>
			</item>
	<item>
		<title>javascript定义方法的四种途径</title>
		<description><![CDATA[最近在看一本名叫《javascript设计模式》的书，感觉还不错，记录一些学习内容当作读书笔记。 第一章讲的是javascript的灵活性，用四种不同的方法实现同一件事情。 1，最常用的方式，但是无法保存状态 /*开始和结束动画*/ function startAnimation(){ ... } function stopAnimation(){ ... } 2，定一个类 /*定义类*/ var Anim = function(){ ... }; Anim.prototype.start = function (){ ... }; Anim.prototype.stop = function (){ ... }; /*实例化类*/ var myAnim = new Anim(); myAnim.start(); ... myAnim.stop(); 3，把方法的定义封装到声明中 /*定义一个类，并把方法封装到声明中*/ var Anim = function(){ ... }; Anim.prototype = { start: function(){ ... [...]]]></description>
		<link>http://www.xiaoqiang.org/javascript/javascript_method.html</link>
			</item>
</channel>
</rss>
