2009 一月

2009年01月23日Ajax

1条评论
56 views

jQuery插件—PicSwitch.

PicSwitch : 是一个幻灯片插件。带自动播放和停止。

演示：

http://www.cssrain.cn/demo/picSwitch/index.html

下载：

http://www.cssrain.cn/demo/picSwitch/picSwitch.rar

2009年01月22日Software & Success

没有评论
67 views

Firefox 插件— CssRain toolbar.

推荐大家使用。点击下载此文件
CssRain Toolbar:
此插件是为了帮助大家在我的blog快速搜索内容。另外我还打算在此插件上集成一些jQuery的资料。
截图：

插件下载：
点击下载此文件

2009年01月21日Ajax

没有评论
43 views

用法：
$(document).ready(function(){
$(“YOUR DIV”).slideBox();
});
参数：
* position : Position of the slidebox (“top” or “bottom”) 。头部或底部
* width : Width of the div (100% by default)
* height : Height of the div (200px by default)
头部演示：

http://www.samuelgarneau.com/lab/slidebox/

底部演示：

http://www.skuare.net/test/jslidebox.html

下载：

http://samuelgarneau.com/lab/slidebox/slidebox.zip

2009年01月20日Ajax

没有评论
37 views

jQuery插件—maxlength.

演示：

http://remysharp.com/demo/maxlength.html

下载：

http://remysharp.com/2008/06/30/maxlength-plugin/

Ajax

没有评论
41 views

jQuery—popeye.

jQuery popeye ： an inline lightbox alternative.

演示：

http://dev.herr-schuessler.de/examples/jquery-popeye/

下载：

http://plugins.jquery.com/project/popeye

http://herr-schuessler.de/blog/jquerypopeye-an-inline-lightbox-alternative/

Ajax

没有评论
75 views

jQuery插件—SWFObject.

What is SWFObject?
SWFObject is an easy-to-use and standards-friendly method to embed Flash content reliably within all major browsers.
You can learn more about SWFObject here.
SWFObject是一个易于使用和标准友好的在所有浏览器嵌入Flash内容的方法。
点击这里您可以了解更多关于SWFObject的内容。
用法：
[code]

[/code]
相关内容：
jQuery swfobject： http://jquery.thewikies.com/swfobject/
swfobject ： http://code.google.com/p/swfobject/
jQuery flash ： http://jquery.lukelutman.com/plugins/flash/

Ajax

没有评论
45 views

The Sexy Curls jQuery Plugin .

演示：http://www.elliottkember.com/sexy_curls.html
参数：
// Default awesomeness
var defaults = {
directory: 'turn', // The directory we're in
side: 'left', // change me to “right” if you want rightness
turnImage: 'fold.png', // The triangle-shaped fold image
maxHeight: 400, // The maximum height. Duh.
starting_width: 80, // The height and width
starting_height: 80 // with which to start
};
使用：
$(document).ready(function(){
$( '#target' ).fold();
});

2009年01月19日Css

没有评论
105 views

“评论表单”的设计.

原文：Comment Form Design
作者：Dmitry
翻译：ico

vadim，usabilitypost 的读者，发表过一篇很有意思的文章，《评论表单设计》。文章里说他在网上留心很久，发现了网上的大多数表单都把“姓名”和“Email” 作为必填的选项，不过作为评论表单来说和传统表单应该有区别了，除了“姓名”和“Email”外，“评论项”也是必不可少的，如图：

vadim提到，他曾特意去观察一些有上百条评论的热门博客，他发现这些博客的评论表单的选项非常多也没有注明是否必填，很多人不得不在某些对他们没用的选项留下”none”和”n/a”。

这些表单很多选项并不是非填不可的，但是没有提示，很容易让人产生思路混乱，因此除了姓名和Email，其它的都应该可以算作是选填项吧。不过作为评论表单，评论框也应该是作为必填项存在，当然，如果你足够聪明那也行~~

做一个优秀的评论表单设计

如何设计一个完美的评论表单？

UX Matters 写过一篇《label placement in forms》(表单中的标签位置)的好文。这篇文章的研究是基于eye-tracking，可以算的上是比较权威的。

摘自本文“你应该把label标签放在input的上面，这样的布局，可以让眼睛始终保持label和input的最小距离，如果你要把label放在input的左边的话，那你至少要保持label中文字右对齐，这样也是一种最小距离。同时建议文字不要使用粗体。”

一个好的评论表单设计，应该是label和input越靠近越好，如果label在input之上那是相当完美的位置啦，但是实际操作可能需要考虑到实际的产品需求，字段的多少。大多数表单都是先‘姓名’，接下来‘Email’，其次是‘网址’，最后是‘评论框’这样排列，几乎所有的博客和网站的评论框都是用这样的排列方式，但是否这样的方式是最好的方式？

我的一个朋友，做了一个与众不同的评论表单设计，如图：