<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>记事本 &#187; UI</title>
	<atom:link href="http://www.zhoumingzhi.com/category/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zhoumingzhi.com</link>
	<description>这里全是流水账</description>
	<lastBuildDate>Sun, 11 Dec 2011 09:49:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
	<atom:link rel='hub' href='http://www.zhoumingzhi.com/?pushpress=hub'/>
		<item>
		<title>Inline Form Labels（2）</title>
		<link>http://www.zhoumingzhi.com/2010/08/10/inline-form-labels-2/</link>
		<comments>http://www.zhoumingzhi.com/2010/08/10/inline-form-labels-2/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 08:22:38 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[UI]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/?p=981</guid>
		<description><![CDATA[很多网站在填写表单的时候，都可以看到这样一种UI，input[type=text]里面有提示的文字，当鼠标点进去之后提示文字就消失了。本文介绍用HTML 5中input的placeholder特性来实现这个效果，以及兼容方案。]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2010/08/10/inline-form-labels-2/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>底部浮动条的一种兼容方案</title>
		<link>http://www.zhoumingzhi.com/2010/07/23/%e5%ba%95%e9%83%a8%e6%b5%ae%e5%8a%a8%e6%9d%a1%e7%9a%84%e4%b8%80%e7%a7%8d%e5%85%bc%e5%ae%b9%e6%96%b9%e6%a1%88/</link>
		<comments>http://www.zhoumingzhi.com/2010/07/23/%e5%ba%95%e9%83%a8%e6%b5%ae%e5%8a%a8%e6%9d%a1%e7%9a%84%e4%b8%80%e7%a7%8d%e5%85%bc%e5%ae%b9%e6%96%b9%e6%a1%88/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 06:27:23 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[position: fixed]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/?p=932</guid>
		<description><![CDATA[底部浮动条的一种兼容方案。]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2010/07/23/%e5%ba%95%e9%83%a8%e6%b5%ae%e5%8a%a8%e6%9d%a1%e7%9a%84%e4%b8%80%e7%a7%8d%e5%85%bc%e5%ae%b9%e6%96%b9%e6%a1%88/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>制作Google Reader风格的按钮</title>
		<link>http://www.zhoumingzhi.com/2010/03/11/google-reader-style-button/</link>
		<comments>http://www.zhoumingzhi.com/2010/03/11/google-reader-style-button/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 03:48:21 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/?p=606</guid>
		<description><![CDATA[用了很久的Google Reader，发现它的按钮很好看，而且圆角和渐变效果的处理方式也值得学习一下。]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2010/03/11/google-reader-style-button/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>终极攻略——未知高度元素垂直居中</title>
		<link>http://www.zhoumingzhi.com/2010/01/14/vertical-align-middle/</link>
		<comments>http://www.zhoumingzhi.com/2010/01/14/vertical-align-middle/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 13:15:38 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[原创]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/?p=344</guid>
		<description><![CDATA[一些未知高度元素垂直居中的方案。]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2010/01/14/vertical-align-middle/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>星级评价</title>
		<link>http://www.zhoumingzhi.com/2010/01/13/rating-ui/</link>
		<comments>http://www.zhoumingzhi.com/2010/01/13/rating-ui/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 13:22:59 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/?p=326</guid>
		<description><![CDATA[一个星级评价的UI，没有用到JavaScript。（注意：只是样式，没有功能。）]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2010/01/13/rating-ui/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Inline elements的一些事</title>
		<link>http://www.zhoumingzhi.com/2009/12/22/inline-elements/</link>
		<comments>http://www.zhoumingzhi.com/2009/12/22/inline-elements/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 13:22:51 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/?p=244</guid>
		<description><![CDATA[关于inline elements的一些记录。]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2009/12/22/inline-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inline Form Labels</title>
		<link>http://www.zhoumingzhi.com/2009/12/17/inline-form-labels/</link>
		<comments>http://www.zhoumingzhi.com/2009/12/17/inline-form-labels/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 05:38:06 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/?p=182</guid>
		<description><![CDATA[很多网站在填写表单的时候，都可以看到这样一种UI，input[type=text]里面有提示的文字，当鼠标点进去之后提示文字就消失了。以前做这个效果的时候都是用很笨的方法，就是把提示文字写进input的value里，然后在focus的时候去掉，在blur的时候再判断一下input的value是不是空，如果为空再把提示加上去。这样做很笨，不仅代码难看，也不符合“规范”（提示就应该是提示，不应该是input的值）。有一天在网上发现的一种很容易的做法，下面就介绍一下。]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2009/12/17/inline-form-labels/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>多列等高方案</title>
		<link>http://www.zhoumingzhi.com/2009/10/20/%e5%a4%9a%e5%88%97%e7%ad%89%e9%ab%98%e6%96%b9%e6%a1%88/</link>
		<comments>http://www.zhoumingzhi.com/2009/10/20/%e5%a4%9a%e5%88%97%e7%ad%89%e9%ab%98%e6%96%b9%e6%a1%88/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 11:21:57 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/?p=58</guid>
		<description><![CDATA[多列等高方案。]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2009/10/20/%e5%a4%9a%e5%88%97%e7%ad%89%e9%ab%98%e6%96%b9%e6%a1%88/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>让一个div固定在页面底端</title>
		<link>http://www.zhoumingzhi.com/2009/10/19/div-at-the-bottom-of-page/</link>
		<comments>http://www.zhoumingzhi.com/2009/10/19/div-at-the-bottom-of-page/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 11:19:14 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/?p=45</guid>
		<description><![CDATA[记录一下。]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2009/10/19/div-at-the-bottom-of-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>display: inline-block在IE6、IE7下bug的解决方法</title>
		<link>http://www.zhoumingzhi.com/2009/09/04/ie-display-inline-block/</link>
		<comments>http://www.zhoumingzhi.com/2009/09/04/ie-display-inline-block/#comments</comments>
		<pubDate>Fri, 04 Sep 2009 08:24:00 +0000</pubDate>
		<dc:creator>小寒</dc:creator>
				<category><![CDATA[UI]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.zhoumingzhi.com/2009/09/04/display-inline-block%e5%9c%a8ie6%e3%80%81ie7%e4%b8%8bbug%e7%9a%84%e8%a7%a3%e5%86%b3%e6%96%b9%e6%b3%95/</guid>
		<description><![CDATA[display: inline-block在IE6、IE7下应用到块元素时是不起作用的，可以用下面的方法解决。]]></description>
		<wfw:commentRss>http://www.zhoumingzhi.com/2009/09/04/ie-display-inline-block/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

