chisdy.A.Pro

对于网店来说，表单的设计是很重要的，无论是注册，登录，还是订购，都是吸引访客进行下一步操作的重要因素。那么，从table布局过度到div+css及合理语义化布局后，表单的设计不再就几个tr，td死死的框着，可以考虑表单的便捷及亲和力可用性，以下便介绍几个例子，重新温习下：

1、Fancy Form Design Using CSS

这篇文章相信很多人都看过了，文章很长，主要介绍了构建表单的标签应用，布局及如何用CSS去控制，非常值得学习。

2、StylePhreak Simple CSS Form

3、Who says CSS forms can’t be pretty?

4、Man in Blue: Form Examples

5、CSS Play – A form with style

6、The Form Garden

7、Prettier Accessible Forms

8、HTML form effects with CSS

9、A 2 column CSS form layout

10、25 Stylish Examples of Web Forms

有介绍25个不错的表单形式

http://wufoo.com/ http://www.phpform.org/ 两个表单设计网站，非常方便。

从Jquery出来就挺关注的，但是往往为了单个效果而加载30几K甚至更多的JS似乎有点超过了，公司程序员的电脑就特别明显，效果用的越多，那机子就越容易罢工，于是他的观念是尽量不要用不必要的效果，但是目前特别流行的灯箱效果，弹窗效果，无论是在展示图片还是内置隐藏文本还是外联框架网页都是不错的，对于前台制作来说，效果是比较有吸引力的。

感觉TinyBox应该就是为了解决这样的问题而诞生的，紧有3.5K的大小，可以显示任何的 AJAX 和 HTML 内容，还支持图片，并且能够自动隐藏，可以通过简单的 CSS 来定制样式的效果。使用 TinyBox 非常简单，通过一下代码即可：

TINY.box.show('advanced.html',1,300,150,1,3)

它一共有6个参数，第一个是要显示的 AJAX 或 HTML 内容。第二个是设置是否为 AJAX。第三个是宽度，0 为自动。第四个是高度，0 为自动。第五个是是否设置隐藏，第六个则是设置是否自动隐藏的时间。

TinyBox 已经在 Firefox 2/3, IE 6/7/8, Opera, Safari 和 Chrome 中测试过。

原文地址：http://www.leigeber.com/2009/05/javascript-popup-box/
Demo地址：http://sandbox.leigeber.com/tinybox/
下载地址：http://sandbox.leigeber.com/tinybox/tinybox.zip

好长时间没整过DIV+CSS站点了，最近弄了下，感觉有点吃力了。发觉很多基础方面的东西都不牢固，每次遇到问题只会复制代码，没去真正研究下为什么。因为有遇到关于自适应布局方面的问题，所以分享几个也许大家都很熟悉的站点。

http://layouts.ironmyers.com/这个站点里有很多布局上的实例，可以说是CSS模板吧，研究下直接套用就行了，不过个人觉得有点繁琐，还是搞清楚来龙去脉，自己写比较好。

http://css.maxdesign.com.au/ 这个站点里也挺多好玩的东西，不过要研究完还是要花点时间，每次我都是挑选着去看，去做实例，也许是这样CSS布局方面才一直停滞不前吧。

http://www.intensivstation.ch/en/templates/ 这里也有几个布局，大体上差不多，有兴趣的再自己去了解。

写到这里才发现，其实没什么好介绍的。