摘要：
最近准备做ipad web app 读到此文故收之。大部分的用户都并非对体验与设计有深入研究，而是从“看着舒服、用着好用”的角度来衡量一款产品，据笔者观察一些网页设计与数码设计，发现两者之间有着异曲同工之妙，他们对用户的研究、设计发展趋势几乎是共通的，例如苹果著名的COVERFLOW，和网站设计首页焦点图展示的效果。因此，我们常提的CROSSOVER思维可以用上了，互联网与传统数码的视觉设计与交互体验可互为灵感参考。前言为什么蓝魔的设计感觉“山寨”，而苹果的设计却被无数人追捧为“艺术品”？为什么很多国产品牌模仿国际品牌，作品仍然缺乏吸引力？笔者认为，很大的原因是因为他们都缺少自己的设计理念。好 阅读全文
摘要：
全新iPad的发布，不少朋友对新的分辨率（2048x1536像素）产生各种担心。比如担心设计全新iPad应用程序的界面时，是否需要为设计师配备更大的显示设备。又比如因为要处理分辨率的适配而担心开发难度增高。种种担心，丝毫不亚于我们常常听到的对Android设备存在多种分辨率而发出的各种抱怨。为超高或多种分辨率的设备设计界面，真的有那么可怕吗？我们先来一起了解一下屏幕尺寸与分辨率之间的关系吧。有条件的朋友也可以动手试一试。一台22英寸显示屏与一台15.4英寸的显示屏，分辨率都是1680x1050像素。它们要显示相同的内容：一个100x48像素大小的方块。通过对比可以发现，方块在15.4英寸显示屏 阅读全文
摘要：
如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：?width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素）height 阅读全文
摘要：
印象当中，最近这些年的春天总是会带来让人觉得真心别扭的气候体验，雨和冷风就像催化剂一样，让生活和工作当中的人和事也变得异常凌乱，仿佛一团被咀嚼到完全失去味道的槟榔。November Rain前奏当中的钢琴旋律多少可以让心安然一些，一旦摘下耳机便又是个令人想要把自己的脑袋拧下来吃掉的世界。 可脑袋一旦被拧下来，就什么也无法吃的样子了，不是吗。说正事儿吧。Designing for touch，关于这个话题及相关的文章，最近貌似已然铺到大街上了，不过我还是做我的吧。在标题里加了个不伦不类的“又是”二字，以示区分。内容方面应该会有些交集，但这是我自己的。 Josh Clark老师最近蛮活跃的。在.. 阅读全文
摘要：
注意：以下所说的“大多数”是指在我们测试过的机型中，发生此类状况的手机占比达50%及以上，“部分”为 20%到50%；“少数”为20%及以下。而这个概率也仅仅只限于我们所测试过的机型，虽然我们采集的样本尽量覆盖各种特征的手机，但并不代表所有手机的情况。XHTML部分大多数手机不支持的：表单元素的“disable”属性部分手机不支持的：“button”标签“input[type=file]“标签“iframe”标签。虽然只有部分手机不支持这几个标签，但因为这些标签在页面中往往具有非常重要的功能，所以属于高危标签，要谨慎使用。少数手机不支持的：“select”标签：该标签如果被赋予比较复杂的CSS 阅读全文
摘要：
HTML, 从HTML文档的开始到结束排列:<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条<meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)<link rel=”apple-touch-icon” href=”icon.png”/> 设置你网页的图标, 尺寸为57X57 px<!– i 阅读全文
摘要：
本文详细分析了Web App和Native App的优势和劣势，指出Web只是我们作为设计者和开发者所期待的一种理想化结果，是一种趋势，将会是一个相当久的过渡阶段，对复杂产品来说，Native App + Web App也许是个不错的解决方案。AD：未来是Web App的天下，还是Native App的天下？作为设计师，我们是应该努力把客户端的体验提升到最优，还是在网页应用层面上做更多的设计？这个一直是大家关心的话题。那么，我们首先应该立体的认识一下Web App和Native App。一、Web AppWeb无需安装，对设备碎片化的适应能力优于App，它只需要通过XHTML、CSS和Java 阅读全文
摘要：
移动web开发之道（Android与Iphone） 1、javascript篇 （1）使用querySelector和querySelectorAll这两个方法获取文档对象中DOM节点的引用 由于这两个方法都是本地方法，因此在执行效率上比较理想//获得一个id为masthead的对象的引用：var masthead = document.querySelector( "#masthead ");//获得id为banner的UL元素下面最后一个LI元素下的A标签的引用：var anchor = document.querySelector( "#banner > 阅读全文
摘要：
本文会告诉你目前所出现的18中手机浏览器的细节，更多信息可以参见http://quirksmode.org/mobile/mobilemarket.html手机浏览器被分为全浏览器和简化版浏览器safari浏览器受欢迎度:非常好供应商:apple操作系统:IOS(及苹果手机操作系统)渲染引擎:webkit文档：http://developer.apple.com/safari/library/navigation/index.html#section=Resource%20Types&topic=Reference版本：参照iphone os版本，iphone用户一般都会非常勤劳的去更 阅读全文
摘要：
2010年在广州举行的2010亚残奥运会，现在已经进行了好几天了；截止到目前为止，中国的健儿们也夺得了144枚金牌。关注他们在运 动场的拼搏，让我有很多的感动和启发；作为热爱互联网的我对盲人网站的建设也需要尽自己的绵薄之力。所以我站在自己的角度上面对残疾人的网站建设做了一些 展望和分析，就是下文。我只是在这里抛砖引玉，文中会有很多不足和错误，希望大伙能帮忙指出。并且我倡导呼吁能有更多爱好互联网的爱心人士们开始关注他 们，帮助他们。盲人试听2010亚残会-声波网根据CNNIC于2010年1月公布的《中国互联网络发展状况统计报告》显示；截至2009年12月31日，中国网民规模达到3.84亿人，普及 阅读全文