本文简单介绍了下利用HTML5 drag & drop API非常简单轻松地实现拖拽与拖放效果。提供一些关键术语的讲解，提供简单实用的demo页面，提供必要的源代码展示和效果截图。总之，希望能对您的学习有所帮助。
humans.txt-网站相关人员信息记录的idea
2011年01月30日 by 阅读 53908 次, 今日 2 次今天头一次见到这个想法。老外的idea，这玩意很有趣，也确实很有实用价值，说不准以后会流行起来，故决定拿来说一说。
顾名思意，humans指人、人类，txt为文本文档后缀名，所以humans.txt就是指记录人的一些信息的文本文档。那么这里记录的“人”都是些什么人呢？恩，就是与网站完成相关的人员，也可以称为网站上线台前幕后的工作人员们。这与电影结束之后显示职员表（导演、演员、摄影、赞助商等）有些类似…
CSS按钮(a/button)生命周期的一些认识
2011年01月25日 by 阅读 103324 次, 今日 1 次
“生命周期”一词基本上就是几个月前D2前端论坛的仅有的几个收获之一。
我个人将“按钮的生命周期”定义为：在上线页面上，一个按钮从诞生、完善直至最终消亡（替换/去除）的时间周期。
在程序的世界里，有些概念是比较抽象的。在web页面重构的世界里也是如此，我之前不少文章就不厌其烦地抛出“重用性”、“扩展性”这些字眼。有经验的页面工程师对这些概念有了自己感性的具体的认识，在阅读这些句子的时候可以很快的扫视过去。然而，不少新人对这些抽象的字眼其实只知道个大概，阅读的时候，很多内容都是囫囵吞枣式地咽下去，不知所以然。
…
设计风格影响按钮的生命周期；这个按钮需要有多长的生命周期决定了这个按钮的设计风格！
…
使用纯洁的CSS实现HTML5的新logo
2011年01月21日 by 阅读 57354 次, 今日 1 次js面向数据编程(DOP)一点分享
2011年01月18日 by 阅读 88771 次面对数据编程(data-oriented-programme)这个概念第一次接受是在前年阿里巴巴举行的D2前端论坛上，来自Baidu金大为：《模板语言与大前端》的分享，面对数据编程在处理大数据量交互的情况下非常好用，性能高，维护方便，思路简单清晰，不易出bug。本文还是那样，讲讲废话，举举例子，画画图，展示下代码，写个pp的demo页面，中间再插几个冷笑话。不是什么高深的东西，比我还懂的人大把大把，这里算是点自我总结，是自我提高，也希望能对跟我一样js新人提供些帮助。
完善：HTML5表单新特征简介与举例
2011年01月6日 by 阅读 102308 次, 今日 1 次本文其实是对去年“你必须知道的28个HTML5特征、窍门和技术”一文其他HTML5表单新特征部分的完善与补充。简单介绍了HTML5中的其他的些input空间类型。
虽描述文字不多，但每种类型都配以丰富的截图展示效果，同时有相应的demo页面方便您亲自查看效果。有需要code的地方也展示了源代码。总之，希望能对您的学习有所帮助。
CSS 相对/绝对(relative/absolute)定位系列（二）
2010年12月26日 by 阅读 163735 次, 今日 6 次
本文是CSS 相对/绝对(relative/absolute)定位长篇系列的第二篇，文章通过三个事例展示了absolute绝对定位布局一些替换的实现方式；点明了absolute属性与left/top等属性之间的关系，再一次提及了absolute属性与float:left的近亲关系。最后表达了自己absolute元素应该放在body标签内的观点。这些就是本篇的主要内容。内容阐述方便很详尽，丰富的截图，必要的源代码展示，以及非常专业的demo实例页面。总之，希望能对您的学习有所帮助。
div模拟textarea文本域轻松实现高度自适应
2010年12月23日 by 阅读 265834 次, 今日 8 次textarea标签为表单元素，一般用在多行文字的输入。在web应用上常见的是评论输入框，微博信息输入框等。
作为多行文本域功能来讲，textarea满足了我们大部分的需求。然而，textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应。textarea总是很自信地显摆它的滚动条，高度固执地岿然不动。所以，有时候，为了增加交互体验想让文本域高度自适应的时候，就会遇到麻烦。
然而，实际上，如果你要求不是很高，是个非常简便，且老少皆宜的实现方法的。这种方法就是使用普通的div标签模拟textarea文本域，同时又利用了div标签的高度自适应性。于是，textarea文本域的高度自适应效果就可以轻松实现。
本文就是讲述如何实现这种模拟的自适应效果的。提供代码展示，提供丰富飞截图，以及必要的demo实例页面，希望能对您的学习有所帮助。
CSS box-flex属性，然后弹性盒子模型简介
2010年12月19日 by 阅读 527893 次, 今日 2 次本文以CSS3中的box-flex属性未切入口，简单介绍下CSS3中新的盒子模型——弹性盒子模型。介绍内容涵盖目前盒子模型所有的CSS属性，如box-orient, box-direction, box-align, box-pack, box-lines之类，其中每个属性都有代码展示与demo示例，并有丰富飞截图展示，可能有些地方啰嗦了点，但是内容还算比较具体，总之，希望能对您的学习有所帮助。
jQuery powerFloat万能浮动层下拉层插件
2010年12月16日 by 阅读 848071 次, 今日 45 次
本文就是介绍自己最近一直在整的一款jQuery插件，名为powerFloat，中文名为万能浮动层插件。顾名思意就是可以实现基本上一切与某元素有位置关系的浮动效果。插件虽然强大，但是考虑到API的精炼，虽然制定了不少特殊的规则，所以此插件在学习成本上比一般的插件要高一点。这也是为何本文的内容会比较长的原因。其他就不多说了，虽然王有婆卖瓜的味道，但是我还是要说这个插件还是挺不错的。如果您对其中的规则都熟悉的话，会对您开发制作页面有很大的帮助的。主要是省掉了很多的功夫。
我的应用
我的应用