<?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://julabs.me/blog/tags/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://julabs.me/blog</link>
	<description>想努力创造完美的东西，必须具备心灵的纯洁，同时富于宗教精神。</description>
	<lastBuildDate>Wed, 18 Jan 2012 06:34:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>自定义表单控件脚本</title>
		<link>http://julabs.me/blog/front/form-control-custom-theme/</link>
		<comments>http://julabs.me/blog/front/form-control-custom-theme/#comments</comments>
		<pubDate>Sun, 09 May 2010 15:44:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[表单]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=199</guid>
		<description><![CDATA[像file、select、radio和checkbox这样的表单控件很难直接用CSS自定义样式，在很多网站中不得不使用浏览器已定的样式。但设计师却很希望对这些表单控件也能够使用自定义的样式，以达到作品丰富美观统一的要求。要实现这种功能一般有两个办法，一个是使用Flash或者Silverlight来替换HTML表单元素。另一个简单方便的办法就是用JavaScript，以近乎障眼法的方式来进行模拟表单元素。而且用JavaScript的方式不会破坏原HTML页面的结构，保证页面的兼容性和可访问性。 Uniform Uniform是基于jQuery的一个插件，如果你的网站已经在使用jQuery，那么用这个最合适。 Niceforms Niceforms不基于任何JavaScript框架，可以独立使用，而且体积小，是个轻量的应用。 JavaScript image combobox JavaScript image combobox也是一款基于jQuery的一个插件，它和jQuery Accordion Common出自同一个人。JavaScript image combobox只能自定义select的样式，但是它可以为select的每一个选项定义一个图标。]]></description>
			<content:encoded><![CDATA[<p>像<strong>file</strong>、<strong>select</strong>、<strong>radio</strong>和<strong>checkbox</strong>这样的表单控件很难直接用<abbr title="Cascading Style Sheets">CSS</abbr>自定义样式，在很多网站中不得不使用浏览器已定的样式。但设计师却很希望对这些表单控件也能够使用自定义的样式，以达到作品丰富美观统一的要求。要实现这种功能一般有两个办法，一个是使用<a href="http://www.adobe.com/products/flash/" target="_blank">Flash</a>或者<a href="http://www.silverlight.net/" target="_blank">Silverlight</a>来替换<abbr title="HyperText Markup Language">HTML</abbr>表单元素。另一个简单方便的办法就是用<strong>JavaScript</strong>，以近乎障眼法的方式来进行模拟表单元素。而且用<strong>JavaScript</strong>的方式不会破坏原<abbr title="HyperText Markup Language">HTML</abbr>页面的结构，保证页面的兼容性和可访问性。</p>
<h4><a href="http://pixelmatrixdesign.com/uniform/" target="_blank">Uniform</a></h4>
<p><a href="http://pixelmatrixdesign.com/uniform/" target="_blank">Uniform</a>是基于<a href="http://jquery.com/" target="_blank">jQuery</a>的一个插件，如果你的网站已经在使用<a href="http://jquery.com/" target="_blank">jQuery</a>，那么用这个最合适。</p>
<p class="img"><a href="http://pixelmatrixdesign.com/uniform/" target="_blank"><img src="/blog/img/10/uniform.png" alt="Uniform" width="460" height="267" /></a></p>
<h4><a href="http://www.emblematiq.com/lab/niceforms/" target="_blank">Niceforms</a></h4>
<p><a href="http://www.emblematiq.com/lab/niceforms/" target="_blank">Niceforms</a>不基于任何<strong>JavaScript</strong>框架，可以独立使用，而且体积小，是个轻量的应用。</p>
<p class="img"><a href="http://www.emblematiq.com/lab/niceforms/" target="_blank"><img src="/blog/img/10/niceforms.png" alt="Niceforms" width="491" height="522" /></a></p>
<h4><a href="http://www.marghoobsuleman.com/jquery-image-dropdown" target="_blank">JavaScript image combobox</a></h4>
<p><a href="http://www.marghoobsuleman.com/jquery-image-dropdown" target="_blank">JavaScript image combobox</a>也是一款基于<a href="http://jquery.com/" target="_blank">jQuery</a>的一个插件，它和<a href="/blog/front/marghoobsuleman-accordion/" target="_blank">jQuery Accordion Common</a>出自同一个人。<a href="http://www.marghoobsuleman.com/jquery-image-dropdown" target="_blank">JavaScript image combobox</a>只能自定义<strong>select</strong>的样式，但是它可以为<strong>select</strong>的每一个选项定义一个图标。</p>
<p class="img"><a href="http://www.marghoobsuleman.com/jquery-image-dropdown" target="_blank"><img src="/blog/img/10/jquery-image-dropdown.png" alt="JavaScript image combobox" width="421" height="200" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/front/form-control-custom-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>精细的播放器界面设计</title>
		<link>http://julabs.me/blog/design/audio-player-interface-photoshop/</link>
		<comments>http://julabs.me/blog/design/audio-player-interface-photoshop/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 15:05:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[player]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=162</guid>
		<description><![CDATA[在tutorial9上看到了一篇教程《How To Create a Sleek Audio Player Interface in Photoshop》，界面设计地极奇精美细致。在这里做个记号，以便以后慢慢看。从这个设计过程看来无论做什么都要让心静下来，不能急燥，做事要心静。 突然想到了《大学》里的几句话： 大学之道，在明明德，在亲民，在止于至善。知止而后有定，定而后能静，静而后能安，安而后能虑，虑而后能得。]]></description>
			<content:encoded><![CDATA[<p>在<a target="_blank" href="http://www.tutorial9.net/">tutorial9</a>上看到了一篇教程<a target="_blank" href="http://www.tutorial9.net/photoshop/how-to-create-a-sleek-audio-player-interface-in-photoshop/">《How To Create a Sleek Audio Player Interface in Photoshop》</a>，界面设计地极奇精美细致。在这里做个记号，以便以后慢慢看。从这个设计过程看来无论做什么都要让心静下来，不能急燥，做事要心静。</p>
<p class="img"><a target="_blank" href="http://www.tutorial9.net/photoshop/how-to-create-a-sleek-audio-player-interface-in-photoshop/"><img height="338" width="500" src="/blog/img/10/playerUI.jpg" alt="How To Create a Sleek Audio Player Interface in Photoshop"/></a></p>
<h4>突然想到了《大学》里的几句话：</h4>
<blockquote><p>大学之道，在明明德，在亲民，在止于至善。知止而后有定，定而后能静，静而后能安，安而后能虑，虑而后能得。</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/audio-player-interface-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

