摘要：
html+js:<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title></title><style type="text/css">*{margin:0;padding:0;}ul,li{list-style-type:none}#div{width:925px; height:auto;margin:20px auto;}ul{width:220px;float:le 阅读全文
摘要：
导读：原文来自DZone，作者Terrence Ryan发表的一篇《HTML Page Slide Without a Framework》，只要你会使用jQuery、jQuery Mobile、zepto或者其他一些框架，无须使用任何框架就可以实现网页滑动切换效果。 我做了一个关于网页滑动切换的小例子。这个确实很简单，只要你会使用jQuery、jQuery Mobile、zepto或者其他一些框架，然后他们会给你处理好这个。我不想这么做，我想挑战一下不使用任何框架就可以实现这个效果。HTML代码是越简单越好。 我谷歌搜索了下相关的资料，没有找到什么好的解决办法，所以我打算自己写。 我想... 阅读全文
摘要：
最近在多个平台上试用了一些Apps，从华丽的 Mac 到质朴的 Windows，从灵动的 iOS 到多样的 Android，各有各无法取代的特性。但令我（指本文作者）纠结且抓狂不已的思考是：为多个终端设计产品应用时，应该如何做到统一？ 1、多终端统一性，从视觉说起 对于多终端的产品而言，好的UI设计，不仅要给与用户最基本的视觉舒适感，更应让界面在不同的平台，承担品牌形象识别的作用。 我们先看看MIT Media Lab的视觉识别，它以flexibility和innovation的识别系统而著名。 <IGNORE_JS_OP>半小时前 上传下载附件 (11.59 KB) 麻省理工学院 阅读全文
摘要：
1、使用方法在需要使用JQuery的页面中引入JQuery的js文件即可。例如：<script type="text/javascript" src="js/jquery.js"></script>引入之后便可在页面的任意地方使用jQuery提供的语法。2、学习教程及参考资料请参照《jQuery中文API手册》和http://jquery.org.cn/visual/cn/index.xml推荐两篇不错的jquery教程：《jQuery的起点教程》和《使用 jQuery 简化 Ajax 开发》(说明：以上文档都放在了【附件】中)3 阅读全文
摘要：
0 轻量级的JQUERY兼容库 JQuery已经成长的得非常强大了，但在移动设备上有些臃肿。如果你的应用只运行在WebKit内核的机器上，那么我强烈建议你换用移动版本的JQuery兼容库。 Zepto和JQ.mobi都是专门为移动设备优化后的JQ兼容库。 昨天14:00 上传下载附件 (4.42 KB)<IGNORE_JS_OP> 昨天14:00 上传下载附件 (47.32 KB) Zepto我不是特别熟悉，JQ.mobi我用得比较多，官方提供的数据称，JQ.mobi比JQueryMobile快3倍以上。相比于JQueryMobile悲催的定导航底导航固定功能，JQ.mobi也提供 阅读全文
摘要：
导航到底有多重要？它只是简单的指路牌吗？当然不是。导航在网站架构中占据重要的位置，它决定了网站的信息范围、分类及获取路径。好的导航设计将直 接提升网站的可用性，进而提升品牌形象和网站的可信度。所以如何让进入网站的用户顺利地甚至是不知不觉地”务入其途“一直是我们不断探寻的目标。导航的种类众多，扮演的角色自然会略有不同，有的可拓展信息，有的则做信息收拢，笔者初步将常见的导航功用划分成如下三类：1.整体架构铺设，展示网站全局：有几类导航的用途是将站内信息进行分类，并分层次展现给用户，让用户对网站全局有迅速地了解，并快速定位到自己想找寻的信息，这是一个平铺式引导的过程，对用户感知网站形状非常重要。这类 阅读全文
摘要：
<!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>< ![endif]–>引用以上google的JS（下载下来引用本地的也一样的）放在页面的head区域，注意一定要放在head区域不然将会失效，因为必须在浏览器解析这个元素前执行这个JS，所以不能放在页面的其他地方。最后在css申明下这些H5的标签article,aside,dialog,footer,header,section,footer,nav,figure,menu{d 阅读全文
摘要：
伴随着移动设备的快速崛起，App市场的发展也日渐迅猛，目前iOS和Android平台的App数量总和也达到100万款之多，据AAWP报 道，Windows Phone的应用市场数量已突破8万，晋升成为第三大应用平台。移动数据分析公司Flurry在2011年App趋势报告中显示，人们花费在App上的时 间已经超过人们浏览网页的时间。未来App的市场呈现一片光明景象，而对于移动开发商来说，不同平台的应用则需要开发不同的App来支持，无论在更新及维护上都需要一定的成本。于 是更多人想到了基于HTML5的Web App，目前主流操作系统iOS、Android以及Windows Phone的浏览器都对于 阅读全文
摘要：
本文希望通过对社交型网站主页进行的对比分析得到一些思考，并和大家分享探讨提升社交型网站的注册转化率的优秀设计原则。一般来说用户注册转化流程大致由以下几个部分组成：1.能吸引用户注册的主页内容；2.简便、快速的注册流程；3.有效的寻找、邀请朋友机制；4.吸引新用户注意力的引导。此文将探讨第一部分“吸引用户注册的主页内容”，我们将以以下11个社交网站为例进行分析：1.社交网络:Google+、Facebook、LinkedIn2.博客:Blogger、Tumblr3.新媒体社交网站:Flickr、YouTube、新浪微博、腾讯微博、Twitter、YahooAnswers主页内容的价值是什么？我认 阅读全文
摘要：
你有没有遇到过这样的情景，我们曾试图改变别人反馈的“乏味”、“过时”的评价，可更新后的方案仍等不到对方说“Yes”？你反问他究竟什么才“不土”，可对方说不清具体标准。你只好悻悻地拿回去再修改…一次又一次，直到你要抓狂了，却仍换不来客户的一个笑脸…..如何让别人看到自己的设计会心一笑?本文仅抛砖引玉，就“有趣的设计“谈开来：“有趣”，好像就是“乏味”、“过时”、“土”、“无新意”、“不出彩”、“没亮点”等等的反义词了，做出一个有趣的设计，说不定会远离一切此类的负面评价。是不是有种找到出路的感觉？但…..什么才是“有趣”呢？每个人的感觉都不同，你觉得有趣的他不定觉得是，这似乎完全就是一件不可掌控的 阅读全文