摘要: 这是之前做项目时，写了一个相册效果的JQuery插件，自我感觉良好就拿出来给大家分享一下，欢迎大家留言，可以多多提建议哈。
为了方便交流，已经将完整的程序打包，具体请看文章结尾部分。阅读全文
posted @ 2011-06-09 19:18 kidi 阅读(1898) 评论(8) 编辑
2011年6月9日 #
2011年5月19日 #
因为公司刚安排去海南旅游，所以之前一直比较忙，今天本想翻译后继章节时，突然发现《iPhone Human Interface Guidelines》早在去年就已经被翻译过了。于是我就花了点时间看了看作者的翻译，说实话他的用词比我的好（惭愧ing），而且他是使用的中英对照的翻译方式，非常适合阅读，因此决定不打算做重复的体力劳动了，当然在这里得把作者的翻译成果分享给大家：《iPhone人机界面设计规范（中英对照）》。
感谢大家对《iOS用户设计指南》的关注！
posted @ 2011-05-19 10:33 kidi 阅读(253) 评论(1) 编辑
2011年4月19日 #
摘要: 一个好的用户界面应遵循用户接口设计原则中的“人-用户-思考与工作”的思路，而不是设备所能达到的技术水平。一个平淡的、复杂的且不符合逻辑的用户界面可以使一个很好的应用程序使用起来变得不连贯，就像过山车一样。而一个漂亮的、直观的且有吸引力的用户界面在使用中会增加程序的功能感及用户的积极情绪。美学的整体性这里的美学的整体性不是衡量一个程序有多漂亮，而是衡量一个app的用户界面与其功能的结合。在设计应用程序时应对用户界面和功能之间的取舍进行合理的规划。一致性用户界面的一致性允许我们把我们的知识点及技能从这个应用程序搬到另一个应用程序中去。程序的一致性并不是单纯地从其他程序拷贝，而应该是采纳程序中使用户阅读全文
posted @ 2011-04-19 17:52 kidi 阅读(1289) 评论(1) 编辑
2011年4月11日 #
摘要: iOS系统的设备有一些特有的特征，影响着所有在其上面运行的应用程序的用户体验。大部分的热门应用，都是做到了很好的与这些特征的融合。
屏幕尺寸
设备的屏显是影响用户体验的重中之重。不仅是用户能通过视觉感受到的，如：文字、图片、视频等；还包括用户看不到的，如：操作体验（苹果的移动都是一个键的风格，所以触摸交互成了它的操作体验的重点）。阅读全文
posted @ 2011-04-11 13:50 kidi 阅读(1203) 评论(0) 编辑
2011年3月31日 #
摘要: 用过QQ、Gtalk之类的同学，应该都被它的消息提醒所骚扰过。其实这里就要谈谈这玩意，对于桌面应用程序来说，这应该算不了什么大不了的；不过这相同的技术移植到另一个平台上，如Web应用上来说，就没那么简单了，这么W3C还没把它定案呢，各大浏览器商也支持不一。
今天正好手头没项目，就试玩了下Web Notifications；对，就是传说中的Web通知也可以简单说成消息提醒，就它的表现形式在W3C定义来说还是相当丰富的。下面我们就先来简单了解下官方的资料说明（以下资料大多翻译自W3C或浏览器官方网站，大可放心其可靠性。不过里面的一些专业词汇没有翻译），最后在看个简单的例子。阅读全文
posted @ 2011-03-31 10:35 kidi 阅读(1514) 评论(3) 编辑
2011年3月29日 #
摘要: iOS用户设计指南主要讲述了关于iOS app的用户界面以及用户体验设计相关的指南与原则。
iOS用户设计指南并不涉及在编码中如果使用你的设计。如果你已经到了准备编程阶段，请阅读《iOS应用程序指南》。阅读全文
posted @ 2011-03-29 15:18 kidi 阅读(1424) 评论(3) 编辑
摘要: 现在只要有关于Apple的消息都属于热门新闻，对于它的产品也不用说有多少人崇拜了。Apple能做到让用户不惜金钱的购买它的产品，肯定是有它的原因的，不是专业人员，也没有评价的资格，还是小崇拜一下吧。因为最近一直在做iOS-based devices的Web apps，所以自己在正在读一些相关的资料，既然要阅读这些英文资料，就决定启动个新任务：翻译《iOS Human Interface Guidelines - User Experience》。就Apple app开发而言，目前估计国内也没有多少正规的专职公司，那就不用谈这篇用户设计指南了（个人的可能会比较多点） 。为什么要翻译这篇指南呢？其阅读全文
posted @ 2011-03-29 12:10 kidi 阅读(123) 评论(0) 编辑
2009年8月6日 #
摘要: IE6 bug: about with a img in a block hyperlink阅读全文
posted @ 2009-08-06 15:13 kidi 阅读(107) 评论(0) 编辑
2009年7月23日 #
摘要: w3c：If the top and bottom margins of a box are adjoining, then it is possible for margins to collapse through it. In this case, the position of the element depends on its relationship with the other e...阅读全文
posted @ 2009-07-23 00:07 kidi 阅读(72) 评论(0) 编辑
2009年7月20日 #
摘要: 该怎么解决margin collapsing问题，在这里就不做太多讨论，相关的解决方案网上也很多。前面IE8刚刚面市，于是就决定用IE8看看以前自己做的页面，是否够健壮，结果发现margin collapsing的解决方案在IE8中没能起效以前的解决方案：[代码]费解竟然这种解决方案不奏效了，于是用IE DEVELOPE TOOLBAR调试，发现<div class="clear">&...阅读全文
posted @ 2009-07-20 10:35 kidi 阅读(1561) 评论(19) 编辑
2009年7月19日 #
2009年7月14日 #
摘要: 首先讲下这个bug的出现的情况，页面中有<a href="javascript:void(0)" onclick="document.getElementById('current').src=‘images/001.jpg’;“>这么一个a标签，onclick中的JS代码就是改变id为current的img标签的src属性，以达到动态切换图片的效果...阅读全文
posted @ 2009-07-14 18:26 kidi 阅读(5149) 评论(10) 编辑
2009年7月9日 #
2009年7月2日 #
摘要: Tooltips are the little yellow text boxes that pop up in some browsers when you hover over elements with title tags. Several developers have created their own custom, stylized tooltipsusing a combination of JavaScript and CSS. However, it is possible to create pure CSS tooltips by using CSS positioning techniques. This technique requires a modern, standardscomplian browser like Firefox to work properly. As such, it is not a technique you would add to your day-to-day arsenal. However, it does dem阅读全文
posted @ 2009-07-02 16:58 kidi 阅读(102) 评论(0) 编辑