二月 6th, 2010的文章

  • 探索移动Web网页编码设计

    如果你正准备为你的网站制作一个移动设备版本，那这篇文章将会对你相当有用，在本文中，将探索移动Web网页编码设计的各种技巧和注意事项：

    * 为了移动设备上的用户体验可以被接受，代码得怎么设计。
    * “Mobile Web”与普通网站的不同之处？
    * 可以让网站成功运行在移动设备和桌面浏览器上的基本技巧
    * 一些Mobile Web设计中的建议和禁忌、以及大量资源

    Mobile Web和普通网站到底有何不同呢？

    这是个很好的问题 – 首先，也许我们应该从“什么是Mobile Web”的问题开始。毕竟，用户用移动设备访问的Mobile Web，跟他们在家里用台式机访问的网站是独立的不同的部分。当我说“Mobile Web”时，我指的是“通过移动设备访问的网站”。

    在Opera，我们全身心投入而创造出的浏览器允许你查看整个网络，不管浏览设备是否有这个能力。只要你在建立网站时，付出一点儿细心、尊敬并遵循 Web标准，你就可以为所有人所有设备创建只有一个版本的网站 – 唯一的一个网站。但是，有一些例外情况 – 在某些情况下，只有分版本的网站才行得通，一会你会看到这一点。
    移动领域的竞争环境并不平衡

    在桌面领域，对于我们前端开发者来说，形式正在好转 – 大多数现代浏览器已经对Web标准支持的非常好了，无论是Opera、firefox（以及其他 Gecko内核浏览器）或者Safari（以及其他 Webkit内核浏览器），甚至IE带给我们的痛苦都比原来少了。虽然IE6的用户群体数量仍然非常杯具，但这应该归结于大多数人封闭的使用习惯等因素。 但是，移动设备领域在这方面却是不同寻常的：

    * 你拥有能为“Full Web”提供支持的浏览器，像iphone上的Opera Mobile和Safari。Opera Mobile使用了与桌面版本相同的渲染引擎，所以对标准的支持相差无几。
    * 你拥有并不很爽的浏览器，例如IE，它们对Web标准仅能提供有限的支持。它们中的一部分只支持WAP（例如WinWap），另一些支持其他像 Chtml或HTML-MP这样的标准（例如日本NTT DoCoMo的iMode浏览器），还有一些只支持Web标准中的有限子集（例如Netfront、Pocket IE、以及Blazer）。
    * 最后，你拥有OperaMini， 以及其他通过代理机制的浏览器。它主要只是作为连接用户和一个大服务器群的客户端界面。当用户提交一个URL时，客户端会让服务端查找这个页面。然后它会 把页面转换成一个轻量级的二进制标记语言，将它格式化成适合移动设备查看的形式，并发送回客户端显示。这种方式的最主要优势，是可以使页面体积减少90% 左右，帮助用户节省很多带宽费用。这种标记语言表明Web标准并不能很好的表现在移动设备上，因为在这种服务的方式下，OperaMini对 ajax/javascript某些方面将支持的不是很好 – 在这儿有更详细的解释。

    注意：不要指望你的超级Ajax和DOM脚本动画网站在移动设备上会有良好表现。JavaScript在移动设备上的支持程度千差万别。时刻提供优雅降级吧。这种做法有一个例子叫做Hijax。

    2010.02.06 / no responses / 分类: WAP, 设计开发

  • 俺遇到WordPress登录死循环-已彻底解决！

    今天晚上俺遇到WordPress登录死循环的问题。也郁闷一会！后来才发现是路由器的问题，正好今天路由刚换了个新的，灰常的巧哈！于是乎准备将俺的路由器升级了哈，就OK了！

    下面说哈具体的方法哈!

    第一步：

    看自己路由的版本，如下：

    文 件 名： r402mv2.bin
    tftp 服务器 ip： 192.168.1.100
    当前软件版本： 3.3.1 build 070712 rel.33961na
    当前硬件版本： tl-r402系列 100122ba

    第二步：

    下载对应的版本升级文件，如下：

    http://www.tp-link.com.cn/surpport/search.asp?product_name=tl-r402m

    如果该地址失效，可以自己去搜索下，很多的！

    2010.02.06 / no responses / 分类: 紫枫生活

最近文章

最近评论

分类目录

紫枫印迹

2010年二月
一 二 三 四 五 六 日
« 一   三 »
1234567
891011121314
15161718192021
22232425262728

标签云

banner CSS+HTML css2.0 HTML5 SEO SNS User Friendly2009 VIP web 中文手册 互联网 交互 交互设计 产品 产品设计 产品设计师 体验 信息架构 制作网页 前端开发 命名规则 图片居中 垂直居中 小广告 小技巧 手机网站开发 按钮 支付宝 李开复 流程 用户习惯 用户体验 用户界面 用户研究 用户访谈 瞬间的设计 网站运营 网页设计 背景 行动 视觉设计 设计 设计师 身体语言 页面重构

用户体验设计(UED)

紫枫友情收藏

86ue_rss

设置