分类目录归档：UI

Inline Form Labels（2）

发表于 八月 10, 2010 由 小寒

很多网站在填写表单的时候，都可以看到这样一种UI，input[type=text]里面有提示的文字，当鼠标点进去之后提示文字就消失了。本文介绍用HTML 5中input的placeholder特性来实现这个效果，以及兼容方案。 继续阅读 →

发表在 UI | 标签为 , | 3 条评论

底部浮动条的一种兼容方案

发表于 七月 23, 2010 由 小寒

底部浮动条的一种兼容方案。 继续阅读 →

发表在 CSS, JavaScript, UI | 标签为 | 留下评论

制作Google Reader风格的按钮

发表于 三月 11, 2010 由 小寒

用了很久的Google Reader，发现它的按钮很好看，而且圆角和渐变效果的处理方式也值得学习一下。 继续阅读 →

发表在 UI | 标签为 | 留下评论

终极攻略——未知高度元素垂直居中

发表于 一月 14, 2010 由 小寒

一些未知高度元素垂直居中的方案。 继续阅读 →

发表在 CSS, UI, 原创 | 标签为 , | 留下评论

星级评价

发表于 一月 13, 2010 由 小寒

一个星级评价的UI，没有用到JavaScript。（注意：只是样式，没有功能。） 继续阅读 →

发表在 CSS, HTML, UI | 标签为 , , | 留下评论

Inline elements的一些事

发表于 十二月 22, 2009 由 小寒

关于inline elements的一些记录。 继续阅读 →

发表在 HTML, UI | 标签为 , | 留下评论

Inline Form Labels

发表于 十二月 17, 2009 由 小寒

很多网站在填写表单的时候，都可以看到这样一种UI，input[type=text]里面有提示的文字，当鼠标点进去之后提示文字就消失了。以前做这个效果的时候都是用很笨的方法，就是把提示文字写进input的value里，然后在focus的时候去掉，在blur的时候再判断一下input的value是不是空，如果为空再把提示加上去。这样做很笨，不仅代码难看，也不符合“规范”（提示就应该是提示，不应该是input的值）。有一天在网上发现的一种很容易的做法，下面就介绍一下。 继续阅读 →

发表在 UI | 标签为 | 2 条评论

多列等高方案

发表于 十月 20, 2009 由 小寒

多列等高方案。 继续阅读 →

发表在 UI | 留下评论

让一个div固定在页面底端

发表于 十月 19, 2009 由 小寒

记录一下。 继续阅读 →

发表在 UI | 留下评论

display: inline-block在IE6、IE7下bug的解决方法

发表于 九月 4, 2009 由 小寒

display: inline-block在IE6、IE7下应用到块元素时是不起作用的，可以用下面的方法解决。 继续阅读 →

发表在 UI | 标签为 | 一条评论