<?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>I love RGB</title>
	<atom:link href="http://www.ilovergb.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ilovergb.com</link>
	<description>ウェブやモバイル向けのデザイン情報やサービス・ツールの紹介をしていきます。</description>
	<lastBuildDate>Sun, 19 Feb 2012 13:35:09 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Gridulator &#8212; 全体の幅とグリッド数からColumnとGutterを計算</title>
		<link>http://www.ilovergb.com/tools/gridulator/</link>
		<comments>http://www.ilovergb.com/tools/gridulator/#comments</comments>
		<pubDate>Sun, 19 Feb 2012 13:34:13 +0000</pubDate>
		<dc:creator>socks</dc:creator>
				<category><![CDATA[ツール]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[grid]]></category>

		<guid isPermaLink="false">http://www.ilovergb.com/?p=226</guid>
		<description><![CDATA[<a href="http://www.ilovergb.com/tools/gridulator/"><img align="left" hspace="5" width="150" height="150" src="http://www.ilovergb.com/wp/wp-content/uploads/gridulatorcom-150x150.jpg" class="alignleft tfe wp-post-image" alt="http://gridulator.com/" title="http://gridulator.com/" /></a>グリッド全体の幅とグリッド数を指定すると、ColumnsとGutterの分割できるサイズが一覧表示されます。 グリッドのプレビューで制作時のグリッドを検討したり、PNGで書き出したグリッドは画像編集ソフトでテンプレートと &#8230; <a href="http://www.ilovergb.com/tools/gridulator/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ilovergb.com/wp/wp-content/uploads/gridulatorcom-300x225.jpg" alt="" title="http://gridulator.com/" width="300" height="225" class="alignnone size-medium wp-image-246" /></p>
<p>グリッド全体の幅とグリッド数を指定すると、ColumnsとGutterの分割できるサイズが一覧表示されます。</p>
<p>グリッドのプレビューで制作時のグリッドを検討したり、PNGで書き出したグリッドは画像編集ソフトでテンプレートとしても使えます。</p>
<p><a href="http://gridulator.com/">Gridulator: Make pixel grids, lickety-split</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ilovergb.com/tools/gridulator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Android Design &#8212; アンドロイド向けのデザインガイド</title>
		<link>http://www.ilovergb.com/references/android-design/</link>
		<comments>http://www.ilovergb.com/references/android-design/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 14:34:31 +0000</pubDate>
		<dc:creator>socks</dc:creator>
				<category><![CDATA[資料・リファレンス]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[design pattern]]></category>
		<category><![CDATA[document]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.ilovergb.com/?p=235</guid>
		<description><![CDATA[<a href="http://www.ilovergb.com/references/android-design/"><img align="left" hspace="5" width="150" height="150" src="http://www.ilovergb.com/wp/wp-content/uploads/developerandroidcomdesign-150x150.jpg" class="alignleft tfe wp-post-image" alt="http://developer.android.com/design/" title="http://developer.android.com/design/" /></a>Ice Cream Sandwich (Android 4.0)を対象にしたAndroidアプリのデザインガイドです。 ビジュアルデザインのスタイル、画面デザイン・ナビゲーションのデザインパターン、ネイティブなUIパーツ &#8230; <a href="http://www.ilovergb.com/references/android-design/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ilovergb.com/wp/wp-content/uploads/developerandroidcomdesign-300x225.jpg" alt="" title="http://developer.android.com/design/" width="300" height="225" class="alignnone size-medium wp-image-237" /></p>
<p>Ice Cream Sandwich (Android 4.0)を対象にしたAndroidアプリのデザインガイドです。</p>
<p>ビジュアルデザインのスタイル、画面デザイン・ナビゲーションのデザインパターン、ネイティブなUIパーツの解説がされています。</p>
<p><a href="http://developer.android.com/design/index.html">Android Design &#8211; Welcome</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ilovergb.com/references/android-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mothereffing HSL &#8212; HSLで選べるカラーピッカー</title>
		<link>http://www.ilovergb.com/tools/mothereffing-hsl/</link>
		<comments>http://www.ilovergb.com/tools/mothereffing-hsl/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 13:52:31 +0000</pubDate>
		<dc:creator>socks</dc:creator>
				<category><![CDATA[ツール]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HSL]]></category>

		<guid isPermaLink="false">http://www.ilovergb.com/?p=69</guid>
		<description><![CDATA[<a href="http://www.ilovergb.com/tools/mothereffing-hsl/"><img align="left" hspace="5" width="150" height="150" src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/mothereffinghslcom1-150x150.jpg" class="alignleft tfe wp-post-image" alt="http://mothereffinghsl.com/" title="http://mothereffinghsl.com/" /></a>CSS3から使えるようになったHSL形式のカラーピッカーです。 色相と彩度のカラースペクトルと明度、透明度のスライダーで色を選択出来ます。 Mothereffing HSL]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/mothereffinghslcom1-300x225.jpg" alt="" title="http://mothereffinghsl.com/" width="300" height="225" class="alignnone size-medium wp-image-153" /></p>
<p>CSS3から使えるようになったHSL形式のカラーピッカーです。<br />
色相と彩度のカラースペクトルと明度、透明度のスライダーで色を選択出来ます。</p>
<p><a href="http://mothereffinghsl.com/">Mothereffing HSL</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ilovergb.com/tools/mothereffing-hsl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jCanvas &#8212; jQueryでCanvasにアクセス</title>
		<link>http://www.ilovergb.com/libraries/jcanvas/</link>
		<comments>http://www.ilovergb.com/libraries/jcanvas/#comments</comments>
		<pubDate>Sat, 07 Jan 2012 07:36:26 +0000</pubDate>
		<dc:creator>socks</dc:creator>
				<category><![CDATA[ライブラリ]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://www.ilovergb.com/?p=187</guid>
		<description><![CDATA[<a href="http://www.ilovergb.com/libraries/jcanvas/"><img align="left" hspace="5" width="150" height="150" src="http://www.ilovergb.com/wp/wp-content/uploads/2012/01/calebevansmeprojectsjcanvas-150x150.jpg" class="alignleft tfe wp-post-image" alt="http://calebevans.me/projects/jcanvas/" title="http://calebevans.me/projects/jcanvas/" /></a>jQueryでcanvasを扱うためのjQueryプラグインです。 jQueryのメソッドチェーンを使いcanvasのメソッドを使うことが出来ます。 jCanvas &#124; jQuery meets the HTML5 ca &#8230; <a href="http://www.ilovergb.com/libraries/jcanvas/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ilovergb.com/wp/wp-content/uploads/2012/01/calebevansmeprojectsjcanvas-300x225.jpg" alt="" title="http://calebevans.me/projects/jcanvas/" width="300" height="225" class="alignnone size-medium wp-image-202" /></p>
<p>jQueryでcanvasを扱うためのjQueryプラグインです。</p>
<p>jQueryのメソッドチェーンを使いcanvasのメソッドを使うことが出来ます。</p>
<p><a href="http://calebevans.me/projects/jcanvas/">jCanvas | jQuery meets the HTML5 canvas</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ilovergb.com/libraries/jcanvas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HSL Color Picker &#8212; HSL形式のオンラインカラーピッカー</title>
		<link>http://www.ilovergb.com/tools/hsl-color-picker/</link>
		<comments>http://www.ilovergb.com/tools/hsl-color-picker/#comments</comments>
		<pubDate>Fri, 06 Jan 2012 03:10:17 +0000</pubDate>
		<dc:creator>socks</dc:creator>
				<category><![CDATA[ツール]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[HSL]]></category>

		<guid isPermaLink="false">http://www.ilovergb.com/?p=68</guid>
		<description><![CDATA[<a href="http://www.ilovergb.com/tools/hsl-color-picker/"><img align="left" hspace="5" width="150" height="150" src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/hslpickercom1-150x150.jpg" class="alignleft tfe wp-post-image" alt="http://hslpicker.com/" title="http://hslpicker.com/" /></a>CSS3から導入されたHSL形式で色を選択できるカラーピッカーのウェブアプリです。 Webデザインでよく使うHex、RGB、HSLで値が表示されます。 HSL Color Picker &#8211; by Brando &#8230; <a href="http://www.ilovergb.com/tools/hsl-color-picker/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/hslpickercom1-300x225.jpg" alt="" title="http://hslpicker.com/" width="300" height="225" class="alignnone size-medium wp-image-155" /></p>
<p>CSS3から導入されたHSL形式で色を選択できるカラーピッカーのウェブアプリです。</p>
<p>Webデザインでよく使うHex、RGB、HSLで値が表示されます。</p>
<p><a href="http://hslpicker.com/">HSL Color Picker &#8211; by Brandon Mathis</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ilovergb.com/tools/hsl-color-picker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>webkit2png &#8212; コマンドラインでウェブサイトをキャプチャ</title>
		<link>http://www.ilovergb.com/tools/webkit2png/</link>
		<comments>http://www.ilovergb.com/tools/webkit2png/#comments</comments>
		<pubDate>Sat, 24 Dec 2011 06:41:54 +0000</pubDate>
		<dc:creator>socks</dc:creator>
				<category><![CDATA[ツール]]></category>
		<category><![CDATA[capture]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[WebKit]]></category>

		<guid isPermaLink="false">http://www.ilovergb.com/wp/?p=33</guid>
		<description><![CDATA[<a href="http://www.ilovergb.com/tools/webkit2png/"><img align="left" hspace="5" width="150" height="150" src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/wwwpaulhammondorgwebkit2png1-150x150.jpg" class="alignleft tfe wp-post-image" alt="http://www.paulhammond.org/webkit2png/" title="http://www.paulhammond.org/webkit2png/" /></a>MacのWebKitのレンダリングエンジンを使い、コマンドラインから指定したURLをスクリーンキャプチャするソフトです。 標準ではWebページ全体のキャプチャ、サイズで切り抜いてキャプチャ、サムネイルのキャプチャが作成さ &#8230; <a href="http://www.ilovergb.com/tools/webkit2png/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/wwwpaulhammondorgwebkit2png1-300x225.jpg" alt="" title="http://www.paulhammond.org/webkit2png/" width="300" height="225" class="alignnone size-medium wp-image-146" /></p>
<p>MacのWebKitのレンダリングエンジンを使い、コマンドラインから指定したURLをスクリーンキャプチャするソフトです。</p>
<p>標準ではWebページ全体のキャプチャ、サイズで切り抜いてキャプチャ、サムネイルのキャプチャが作成されます。<br />
オプションを指定することで仮想的なブラウザのサイズや、切り抜くサイズの指定なども出来ます。</p>
<p><a href="http://www.paulhammond.org/webkit2png/">webkit2png</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ilovergb.com/tools/webkit2png/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FontShop Newsletter &#8212; フォント販売サイトのフォントメルマガ</title>
		<link>http://www.ilovergb.com/websites/fontshop-newsletter/</link>
		<comments>http://www.ilovergb.com/websites/fontshop-newsletter/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 15:00:19 +0000</pubDate>
		<dc:creator>socks</dc:creator>
				<category><![CDATA[ウェブサイト]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[newsletter]]></category>

		<guid isPermaLink="false">http://www.ilovergb.com/wp/?p=18</guid>
		<description><![CDATA[<a href="http://www.ilovergb.com/websites/fontshop-newsletter/"><img align="left" hspace="5" width="150" height="150" src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/wwwfontshopcomblognewsletters1-150x150.jpg" class="alignleft tfe wp-post-image" alt="http://www.fontshop.com/blog/newsletters/" title="http://www.fontshop.com/blog/newsletters/" /></a>フォントを販売しているFontShopのニュースレターです。 新しいフォントや人気のフォントなどの紹介がされています。 ニュースレター自体が、見出しのデザインや、組み見本など、毎回いろいろなデザインがなされていてタイポグ &#8230; <a href="http://www.ilovergb.com/websites/fontshop-newsletter/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/wwwfontshopcomblognewsletters1-300x225.jpg" alt="" title="http://www.fontshop.com/blog/newsletters/" width="300" height="225" class="alignnone size-medium wp-image-142" /></p>
<p>フォントを販売しているFontShopのニュースレターです。<br />
新しいフォントや人気のフォントなどの紹介がされています。</p>
<p>ニュースレター自体が、見出しのデザインや、組み見本など、毎回いろいろなデザインがなされていてタイポグラフィの参考になります。</p>
<p><a href="http://www.fontshop.com/blog/newsletters/">Font Newsletter Archive | FontShop</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ilovergb.com/websites/fontshop-newsletter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Canvas2Image &#8212; Canvasに描いた画像を保存</title>
		<link>http://www.ilovergb.com/libraries/canvas2image/</link>
		<comments>http://www.ilovergb.com/libraries/canvas2image/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 06:27:28 +0000</pubDate>
		<dc:creator>socks</dc:creator>
				<category><![CDATA[ライブラリ]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.ilovergb.com/wp/?p=6</guid>
		<description><![CDATA[<a href="http://www.ilovergb.com/libraries/canvas2image/"><img align="left" hspace="5" width="150" height="150" src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/wwwnihilogicdklabscanvas2image1-150x150.jpg" class="alignleft tfe wp-post-image" alt="http://www.nihilogic.dk/labs/canvas2image/" title="http://www.nihilogic.dk/labs/canvas2image/" /></a>HTML5のcanvasに描かれたデータを画像として保存するためのJavaScriptライブラリです。 Nihilogic : Canvas2Image : Saving Canvas data to image fil &#8230; <a href="http://www.ilovergb.com/libraries/canvas2image/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ilovergb.com/wp/wp-content/uploads/2011/12/wwwnihilogicdklabscanvas2image1-300x225.jpg" alt="" title="http://www.nihilogic.dk/labs/canvas2image/" width="300" height="225" class="alignnone size-medium wp-image-144" /></p>
<p>HTML5のcanvasに描かれたデータを画像として保存するためのJavaScriptライブラリです。</p>
<p><a href="http://www.nihilogic.dk/labs/canvas2image/">Nihilogic : Canvas2Image : Saving Canvas data to image file</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ilovergb.com/libraries/canvas2image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 0.528 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2012-02-19 22:53:04 -->
<!-- Compression = gzip -->
