分类目录归档:交互设计

Chrome 插件:新版gmail 去广告,调整textarea高度

textarea高度不合适,你可以自己修改。(注册一个userstyles账户,然后自定义你自己的样式。) http://userstyles.org/styles/56435/resize-gmail-textarea?r=1321457269 其实这个也支持其他浏览器。 Chrome直接点击这里安装:http://userstyles.org/styles/userjs/56435/resize%20gmail%20textarea.user.js?

发表在 交互设计 | 留下评论

How to fix cross-domain with local mode in firefox?

How to fix cross-domain with local mode in firefox? Demo Link: http://www.d5s.cn/example/js/cross-domain.html 1. PHP Code <?php header(‘Access-Control-Allow-Origin: *’); header(‘Access-Control-Allow-Methods: POST, GET, OPTIONS’); header(‘Access-Control-Max-Age: 1000′); if(array_key_exists(‘HTTP_ACCESS_CONTROL_REQUEST_HEADERS’, $_SERVER)) { header(‘Access-Control-Allow-Headers: ‘ . $_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']); } else { header(‘Access-Control-Allow-Headers: *’); } if(“OPTIONS” == $_SERVER['REQUEST_METHOD']) { … 继续阅读

发表在 交互设计, 程序 | 留下评论

Selenium 测试笔记

好久没做Selenium的测试了,命令几乎都忘记了。 做个笔记,方便下次查询。 Firefox的另一个插件: Firefinder很好用,比Selenium自带的找DOM工具要方便,尤其是像用GI这种 JS Framework 开发出来的产品。 1. 根据文字内容来确定结点,去除文字中的空格。 //td[@jsxtype="text"]/div[contains(normalize-space(text()), 'app3')] 2. 查找父级元素 //div[@class="abc"]/.. 3. focus, mouseOver, click连用,某些时候,点击事件无效的时候可以试试 focus | //span[@label="applications"] | mouseOver | //span[@label="applications"] | click | //span[@label="applications"] | 4. Selenium 去前后空格后验证 (正则表达式) //a[contains(text(),"name")]/following::td[1][normalize-space(text())='Text Box'] 5. Selenium 用带正则表达式的 replace 来 替换 字符 store … 继续阅读

发表在 交互设计, 程序 | 留下评论

GWT VS JQUERY VS GI

http://www.slideshare.net/owenpengtao/java-scriptmvc 对GWT, JavaScriptMVC(jquery), GI(Tibco’s product) 做的一个比较,有需要的朋友,可以看看。 jQuery 只是对DOM操作和事件做了更友好的封装,本身并不包括文件组织结构管理、测试、文档生成等功能。 JavaScriptMVC 基于jQuery,并集成了其他的一些JS组件,更有利于开发大型的JS项目。 GWT相当于是用Java语言来写JS,这是另一种开发大型JS项目的解决方案。 jQuery 仅仅适合Web Site,如果做其他大型JS项目,还要借助于其他JavaScript框架。

发表在 交互设计 | 标签为 , , | 留下评论

HTML5设计原理[转]

转自:http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html Jeremy Keith在 Fronteers 2010 上的主题演讲 下载PPT(PDF) 观看视频 今天我想跟大家谈一谈HTML5的设计。主要分两个方面:一方面,当然了,就是HTML5。我可以站在这儿只讲HTML5,但我并不打算这样做,因为如果你想了解HTML5的话,你可以Google,可以看书,甚至可以看规范。 实际上,确实有人会谈到规范的内容。史蒂夫·福克纳(Steve Faulkner)会讲HTML5与可访问性。而保罗·艾里什(Paul Irish)则会讲HTML5提供的各种API。因此,我今天站在这里,不会光讲一讲HTML5就算完事了。 说老实话,在正式开始之前,我想先交待清楚我所说的HTML5到底是什么意思。这话听起来有点搞笑:这会子你一直在说HTML5,难道我们还不知道什么是HTML5吗?大家知道,有一个规范,它的名字叫HTML5。我所说的HTML5,指的就是这个规范。但问题是,有些人所说的HTML5,指的不仅仅是这个规范,还有别的意思。比如说,用HTML5来代指CSS3就是一种常见的叫法。我可不是这样的。我所说的HTML5,不包含CSS3,就是HTML5。 类似的术语问题以前也有过。Ajax本来是一种含义明确的技术,但过了不久,它的含义就变成了“用JavaScript来做一切好玩的东西”。这就是Ajax,对不对?今天,HTML5也面临同样的问题,它本来指的是一个特定的规范,但如今含义却成了“在Web上做一切好玩的事。”我说的不是这种HTML5,不是这种涵盖了最近刚刚出现的各种新东东的HTML5。我说的仅仅是规范本身:HTML5。 刚才已经说了,我今天想要讲的内容不多,也没有打算介绍HTML5都包含什么。今天我要讲的是它的另一方面,即HTML5的设计。换句话说,我要讲的不是规范里都包含什么,而是规范里为什么会包含它们,以及在设计这个规范的时候,设计者们是怎么看待这些东西的。 设计原理 设计原理本质上是一种信念、一种想法、一个概念,是你行动的支柱。不管你是制定规范,还是制造一种有形的物品,或者编写软件,甚至发明编程语言。你都能找到背后的一个或者多个设计原理,多人协作的任何成果都是例证。不仅仅Web开发领域是这样。纵观人类历史,像国家和社会这样大规模的构建活动背后,同样也有设计原理。 就拿美国为例吧,美国的设计原理都写在了《独立宣言》中了。 我们认为这些真理是不言而喻的,人人生而平等,造物主赋予了每个人不可剥夺的权利,包括生存、自由和追求幸福。 这里有一句口号:生存、自由和追求幸福。这是被写进宪法中的核心理念,它关系到我们所有人的一切,也就是我们构建自己社会的原则。 还有一个例子,就是卡尔·马克思(Karl Marx),他的著作在20世纪曾被奉为建设社会主义的圭臬。其基本思想大致可以归结为下面这条设计原理: 各尽所能,各取所需。 这其实就是一种经济体系背后的设计原理。 还有一个例子,比前面两个的历史更久远一些,不过大同小异: 人人为我,我为人人。 这个极为简单的设计原理,是两千年前的拿撒勒犹太人耶稣基督提出来的。而这条原则成为了后来许多宗教的核心教义。原理与实践有时候并不是同步的。 下面是小说中的一个例子。英国小说家乔治·奥威尔(George Orwell)笔下的《动物庄园》,就是在一条设计原理的基础上构建起来的虚拟社会。这条设计原理是: 四条腿的都是好人,两条腿的都是坏蛋! 《动物庄园》中有意思的是,随着社会的变迁——变得越来越坏,这条设计原理也跟着发生了改变,变成了“四条腿的都是好人,两条腿的就更好了。”最关键的是,即使是在虚构的作品里,设计原理都是存在的。 还有一套虚构的作品是以三条设计原理为基础构建起来的,那就是美国著名小说家艾萨克·阿西莫夫(Issac Asimov)的机器人经典系列。阿西莫夫发明了机器人学这个术语,并提出了机器人学三大法则,然后在这三个简单的设计原理基础上创作了一系列经典作品——大约有50本书。无论作品的情节如何变化,实际上都是从不同的角度来阐释这三大设计原理。我想,在座各位对机器人三大法则都不应该陌生。 机器人不得伤害人类,或袖手旁观人类受伤害。 机器人必须服从人类命令,除非命令违反第一法则。 机器人必须自卫,只要不违背第一和第二法则。 这些恐怕是第一次出现在小说中的针对软件的设计原理了。虽然基于这三个设计原理的软件运行在虚构的机器人的“正电子脑”中,但我想这应该是软件设计原理的事实开端。从此以后,我们才看到大量优秀软件背后的设计原理。 蒂姆·伯纳斯-李(Tim Berners-Lee),Web的发明者,在W3C的网站上发表过一份文档,其中有一个URL给出了他自己的一套设计原理。这些设计原理并不那么容易理解,不仅多,而且随着时时间推移,他还会不断补充、修改和删除。不过我还是觉得把自己认同的设计原理写出来放在某个地方真是个不错的主意。 实际上,CSS的发明人之一伯特·波斯(Bert … 继续阅读

发表在 交互设计, 理论 | 留下评论

Firefox 打开GI时, 不弹出安全确认对话框

Firefox对于本地文件也进行了同源访问的安全设置, 导致使用GI的时候, 每次都要弹出对话框确认, 很烦人. 设置firefox, about:config security.fileuri.strict_origin_policy == false 这样就不会每次都弹出对话框来询问了. Firefox 速度太慢了, 曾经我对她是那么的崇拜, 而如今只沦为GI的开发工具了.

发表在 交互设计 | 留下评论