<?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>Web活メモ帳 &#187; sexy</title>
	<atom:link href="http://blog.verygoodtown.com/tag/sexy/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します。</description>
	<lastBuildDate>Thu, 09 Feb 2012 02:01:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>セクシーなフォームがつくれるjQueryのプラグイン「Uniform」</title>
		<link>http://blog.verygoodtown.com/2010/02/sexy-forms-jquery-plugin-uniform/</link>
		<comments>http://blog.verygoodtown.com/2010/02/sexy-forms-jquery-plugin-uniform/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 12:18:41 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Forms]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[sexy]]></category>
		<category><![CDATA[Uniform]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2009</guid>
		<description><![CDATA[
Uniformはセクシーなフォームが作れるjQuery用のプラグインです。
チェックボックス、ドロップダウンメニュー、ラジオボタン、ファイルアップロードフォームの見た目を変える事が可能になっています。
特に画像アップロ [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/uniform.png" alt="uniform" title="uniform" width="496" height="185" class="alignnone size-full wp-image-2010" /><br />
Uniformはセクシーなフォームが作れるjQuery用のプラグインです。<br />
チェックボックス、ドロップダウンメニュー、ラジオボタン、ファイルアップロードフォームの見た目を変える事が可能になっています。</p>
<p>特に画像アップロードはiPhone風でかっこよいですね。</p>
<p>詳しくは以下</p>
<p><span id="more-2009"></span></p>
<h3>カスタイズ可能なスキン</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/uniform2.png" alt="uniform2" title="uniform2" width="487" height="202" class="alignnone size-full wp-image-2011" /><br />
テーマを変更する事で全体のスキンを自由に変更できるようです。</p>
<h3>使い方</h3>
<p>まずはjsと指定のcssを読み込みます。</p>
<pre class="brush:xml;">
&lt;script src="jquery.js" type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script&nbsp;src=&quot;jquery.uniform.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;link&nbsp;rel=&quot;stylesheet&quot;&nbsp;href=&quot;uniform.default.css&quot;&nbsp;type=&quot;text/css&quot;&nbsp;media=&quot;screen&quot;&nbsp;charset=&quot;utf-8&quot;&nbsp;/&gt;
</pre>
<p>全てのフォームにUniformを適用するには以下の用にコードを指定します。</p>
<pre class="brush:js;">
&lt;script&gt;
$("select, :checkbox, :radio, :file").uniform();
&lt;/script&gt;
</pre>
<p>セレクトボックスのみに適用する場合はこんな感じです。</p>
<pre class="brush:js;">
&lt;script&gt;
$("select").uniform();
&lt;/script&gt;
</pre>
<h3>テーマの変更方法</h3>
<p><a href="http://pixelmatrixdesign.com/uniform/themer.html" target="_blank"><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/uniform3.png" alt="uniform3" title="uniform3" width="600" height="330" class="alignnone size-full wp-image-2018" /></a><br />
サイトにはテーマを変更するための<a href="http://pixelmatrixdesign.com/uniform/themer.html" target="_blank">ジェネレータ</a>も用意されています。<br />
Firefoxでは動作しませんでしたが、Chromeではうごきました。</p>
<h3>動作ブラウザ</h3>
<p>プラグインは以下のブラウザで動作確認がされているようですね。</p>
<ul>
<li>Safari 3+</li>
<li>Firefox 3+</li>
<li>IE7+</li>
<li>Chrome</li>
</ul>
<p>IE6では機能しませんが、デフォルトのフォームを表示してくれるようで動作には問題ありませんでした。<br />
jQueryは1.3以上で動作する人のこと。<br />
一味違ったフォームを作りたい方、いかがでしょうか。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/02/sexy-forms-jquery-plugin-uniform/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

