摘要：
对于浏览器上的开发者来说，2011年又是相当精彩的一年。web开发者Phil Hawksworth在这篇文章中总结了web 上经典的JavaScript用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大，上面有各种丰富的功能可以供开发者选择，一些在几年前几乎难以想象 的功能都已经一一实现。有了这些新功能，开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网站开发扫清了障碍，网站能够拥有让人惊喜的 用户界面了。有时候，这种技术的运用是非常精妙的，它无声无息地改变了应用的用户体验。有时结果就像是加入樱桃可乐中的跳跳糖，悄悄地给人们带来惊喜。这里有20个特 阅读全文
摘要：
在网上看到一篇文章写得很好，给大家分享一下：个人对用户体验的目标是，做到“自然”。 举几个例子， 1，我观察3岁的小孩用iphone很容易上手。比如，iphone的开锁，小孩甚至不用学就会用。因为触摸是人的天性，同时iphone通过箭头图标，向右滑动的文字条(小孩看不懂文字)，来暗示手指触摸向右滑动来解锁。自然和人的天性是一致的。大人因为成年后受污染较多，反而不一定立即学会iphone解锁，可能需要看文字解释来理解。所以不识字的小孩可能比老年人更快学会使用iphone。需要用文字来解释的交互不是好交互。 2，Apple在“自然”体验上做了很多尝试。比如，通常PC下的“文件夹”(甚至“文件... 阅读全文
摘要：
做网站时，我们经常用到Cookie，比如用户登录，换肤等等...不过原始的设置比较麻烦，特别是读取Cookie时，现在我们将其扩展到jQuery中，很方便地调用，读取，删除，这就是我们的目标，WRITE LESS ,DO MORE! /* jQuery cookie Author：Kingwell Leng Email :kingwell.leng@gmail.com */ jQuery.setCookie = function (sName, sValue, oExpires, sPath, sDomain, bSecure) { ... 阅读全文
摘要：
写了一款jQuery插件，选择卡切换效果： /* <div class="tab-container"> <ul class="tab-title"> <li class="current"></li> <li></li> <li></li> <li></li> </ul> <div class="tab-content"></div> <div clas 阅读全文
摘要：
如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种使用方法：方法1： <label for="userName">用户名：</label><input type="text" id="userName"/> 方法2：<label>用户名：<input type="text"/></label> 当在单选或多选里使用时，还会出现一种视觉效果，这也是一种友好的方式 阅读全文
摘要：
有时候，特别是在Ajax请求返回数据时我们需要知道返回数据的结构，如果是Object，使用Alert是打印不出来的，使用Firebug中的 console 可以查看，我自己写了一个函数，有点像这个，有时候觉得使用console还不够直观，所以自己想办法写一个，不过现在支持的层级就三层，多了就不行了， 多了就出现object。if(!window.debug){ window.debug = {};//选择一个自己的命名，千万别跟别人的冲突 }; debug.info = function(obj){ if (typeof _deBugStatus_ !== "undef... 阅读全文
摘要：
现在是一个推崇结构，表现，行为想分离的时代，最大的好处就是维护起来比较简单，方便，代码重用。把CSS，JS写在HTML里，就像一个大杂烩，很难理解，可读性差，文件大，维护起来非常麻烦。但是CSS到底是内联还是外联呢？我们只要分析它的特点就不难得出答案。CSS内联：就是把CSS放在HTML Head里使用Style包围。<style type="text/css"></style>CSS外联：就是把CSS放到一个单独的文件里，然后在HTML通过调用。<link rel="stylesheet" type="text/ 阅读全文
摘要：
点击打开这是一个国外的CSS3的网站，CSS3新增的一些功能都可以演示，分享给大家。 阅读全文
摘要：
最近项目中用到了Linux命令，这个东西平时用得不太多，之前也有接触过，只是用得少就忘记了。现在找了一些常用的命令，学习一下，比较实用：vi 常用命令行1.vi 模式 a) 一般模式： vi 处理文件时，一进入该文件，就是一般模式了. b) 编辑模式：在一般模式下可以进行删除，复制，粘贴等操作，却无法进行编辑操作。等按下‘i,I,o,O,a,A,r,R’等 字母之后才能进入编辑模式.通常在linux中，按下上述字母时，左下方会出现'INSERT'或者‘REPLACE’字样,才可以 输入任何文字到文件中.要回到一般模式，按下[ESC]键即可. c) 命令行模式：在一般模式中，输入 阅读全文
摘要：
以下大部分demo明河在以前的html5demo推荐中都有提到过，这篇算是集大成者，html5的大部分特性在这些demo中都有体现。1.Tunneler2.JuicyDrop3.Magnetic4.Trail5.Sinuous6.DDD7.Harmony8.Lines go all over the place.9.Chrome Canopy10.Ball Pool11.Chain Reaction12.Entanglement13.Blob14.Biolab Disaster15.Google Gravity16.Core17.Gartic18.HTML5 Video Destruction 阅读全文
摘要：
Javascript Math.ceil()与Math.round()与Math.floor()区别:Math.ceil()向上舍入alert(Math.ceil(20.1)) //输出 21alert(Math.ceil(20.5)) //输出 21alert(Math.ceil(20.9)) //输出 21Math.round标准的四舍五入alert(Math.round(20.1)) //输出 20alert(Math.round(20.5)) //输出 21alert(Math.round(20.9)) //输出 21Math.floor()向下舍入alert(Math.floor(2 阅读全文