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

从这件事证明了，我专业知识欠缺很多，还需要持续学习，静下心来吧。 新进的公司，接触新的东西，一切都让我倍感紧张。很久没有接触设计的东西了，突然上手就要做界面，心里还是很忐忑的。 贴一下Card的这个界面。 以前很少使用这类的总宽度自适应100%，两列布局，一列固定，一列自适应的，于是，有点头大。 搜索了下，得到

一般我们可以使用背景图的方式给图片添加阴影，但对于不固定尺寸的图片如何实现呢？ 我们可以采取视觉欺骗大法定义渐变边框来实现 运行代码框 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http

制作表单的时候，实现鼠标悬停交互效果有多种方法: 1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了，但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此进行修改也将会很繁琐。这样直接写入xhtml也会让页面代码增加，如果只是一个input输入框或许是无所谓的，如果是几十个几百个，增加的字

Module Tabs(也称选项卡，后文中简称Tab，以便更符合中国设计师的日常叫法) 是一个常见的交互元素将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。 译者：西乔 来源：Smashing Magazine 作者：Jacob Gube Module Tab

1、选择器（child selector） 如果你想在IE中隐藏一个CSS定义，可以使用子选择器。 css部分： htmlbody p { /* declarations */ } 2、通配符(*) 这种写法只有IE浏览器可以理解（对其他浏览器都隐藏） css部分： * html p { /* declarations */ } 3、反斜线(\) 如果你希望IE/Win有效而IE/Mac隐藏，可以使用反斜线技巧。 css部

很多做前端开发的在为页面元素定class的时候经常会拿不定主意，导致随意使用class，一个好的class要能够描述出某个特定元素的表现，在符合团队开发流程、规范的情况下也要注意在工作中形成一套自己的风格，下面是我最经常使用的个人认为命名比较恰当和有一定作用的10个class。 1.class=fixed fixed这个class几乎出现在没个样

在div+css布局中，一般都这样来整体构架的： div id=header/div div id=center/div div id=footer/div 而对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏： div id=header div id=title这里是网站的标题/div div id=nav这里是网站导航栏/div /div 很多人一般都