<?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; サイト構築</title>
	<atom:link href="http://coliss.com/articles/category/build-websites/feed/" rel="self" type="application/rss+xml" />
	<link>http://coliss.com</link>
	<description>サイト制作に関するアウトプットとクリップした情報を紹介するブログです。</description>
	<lastBuildDate>Thu, 09 Feb 2012 23:43:21 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>[JS]高性能で設置も簡単、ブラウザ枠いっぱいに背景画像を配置するスクリプト -bgStretcher</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-bgstretcher.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-bgstretcher.html#comments</comments>
		<pubDate>Thu, 09 Feb 2012 23:32:43 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -JavaScript]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14044</guid>
		<description><![CDATA[ギャラリーモードにも対応した、ブラウザ枠いっぱいに写真などの背景画像を簡単に配置できるjQueryのプラグインを紹介します。 画像は、ブラウザのサイズを変更してもアスペクト比が維持されて美しく表示されます。 bgStre [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-bgstretcher.html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[CSS]3ステップでマスターする、スマートフォンやデスクトップなど異なるサイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアル</title>
		<link>http://coliss.com/articles/build-websites/operation/css/css-tutorial-responsive-design-in-3-steps-by-webdesignerwall.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/css/css-tutorial-responsive-design-in-3-steps-by-webdesignerwall.html#comments</comments>
		<pubDate>Wed, 08 Feb 2012 23:43:55 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -CSS]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[Media Queries]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14038</guid>
		<description><![CDATA[Media Queries初心者でも分かりやすく解説された、スマートフォンやタブレットやデスクトップなど異なる表示サイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアルを紹介しま [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/css/css-tutorial-responsive-design-in-3-steps-by-webdesignerwall.html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ウェブ制作者は持っていて損はないebook『Professional Web Design, Volume 2』が期間限定で無料ダウンロードできますよ</title>
		<link>http://coliss.com/articles/build-websites/operation/design/free-ebook-from-dolody.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/design/free-ebook-from-dolody.html#comments</comments>
		<pubDate>Wed, 08 Feb 2012 23:35:27 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -デザイン]]></category>
		<category><![CDATA[ebook]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14040</guid>
		<description><![CDATA[海外で有名なウェブ制作系サイト『Smashing Magazine』がリリースしているebook『Professional Web Design, Volume 2』が、期間限定で無料ダウンロードできるので紹介します。  [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/design/free-ebook-from-dolody.html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[CSS]疑似要素のカラー指定をインラインで行いたい場合のテクニック</title>
		<link>http://coliss.com/articles/build-websites/operation/css/css-inherit-parent-color-by-css-tricks.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/css/css-inherit-parent-color-by-css-tricks.html#comments</comments>
		<pubDate>Tue, 07 Feb 2012 23:34:09 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -CSS]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14033</guid>
		<description><![CDATA[ウェブページを作る際、運用などでさまざまな制約が生じることがあります。 ここでは、擬似要素を使ったスピーチバブルのカラーの指定をインラインで行いたい場合のテクニックを紹介します。 Speech Bubble Arrows [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/css/css-inherit-parent-color-by-css-tricks.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[JS]美しい曲線を使ったチャート・グラフが描けるHTML5 Canvasを使ったスクリプト -Flotr2</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/js-flotr2-for-html5-canvas-charts-and-graphs.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/javascript/js-flotr2-for-html5-canvas-charts-and-graphs.html#comments</comments>
		<pubDate>Mon, 06 Feb 2012 23:42:52 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -JavaScript]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14027</guid>
		<description><![CDATA[折れ線グラフ、棒グラフ、パイチャート、バブルチャートなどを美しく描画するHTML5 Canvasを使ったオープンソースのライブラリを紹介します。 Flotr2 デモでは、さまざまなチャートやグラフが掲載されています。 デ [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/javascript/js-flotr2-for-html5-canvas-charts-and-graphs.html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/bookmarklet-responsive-web-design-test.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/javascript/bookmarklet-responsive-web-design-test.html#comments</comments>
		<pubDate>Mon, 06 Feb 2012 23:34:02 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -JavaScript]]></category>
		<category><![CDATA[Bookmarklet]]></category>
		<category><![CDATA[responsive]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14031</guid>
		<description><![CDATA[あなたのウェブサイトやブログをさまざまな表示サイズで同時に確認できるブックマークレットを紹介します。 Responsive Design Test Bookmarklet ブックマークレットを実行すると、iframeで全 [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/javascript/bookmarklet-responsive-web-design-test.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3ビギナーでも分かりやすく解説された、ユーザーが使いやすいボタンを実装するチュートリアル</title>
		<link>http://coliss.com/articles/build-websites/operation/css/css-tutorial-pressed-button-state-with-css3-by-usabilitypost.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/css/css-tutorial-pressed-button-state-with-css3-by-usabilitypost.html#comments</comments>
		<pubDate>Sun, 05 Feb 2012 23:45:42 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -CSS]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14025</guid>
		<description><![CDATA[CSS3のスタイルやアニメーションを使って、ユーザーが使いやすい美しいボタンを実装するスタイルシートのチュートリアルを紹介します。 Styling Button Links With CSS3 下記は各ポイントを意訳した [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/css/css-tutorial-pressed-button-state-with-css3-by-usabilitypost.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>あそび心をくすぐられる、何かが隠されたロゴデザインのまとめ</title>
		<link>http://coliss.com/articles/build-websites/operation/design/clever-logos-with-hidden-symbolism-by-boredpanda.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/design/clever-logos-with-hidden-symbolism-by-boredpanda.html#comments</comments>
		<pubDate>Fri, 03 Feb 2012 00:10:46 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -デザイン]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14021</guid>
		<description><![CDATA[ぱっと見で分かるもの、よーく見ないと気がつかないもの、そんな何かが隠されたロゴデザインをBored Pandaから紹介します。 Diamond Bookstore 本のぱらぱらがダイアモンドに。 PlayGround す [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/design/clever-logos-with-hidden-symbolism-by-boredpanda.html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[CSS]これは使ってみたい、繊細で美しいツールチップを実装するチュートリアル</title>
		<link>http://coliss.com/articles/build-websites/operation/css/css3-tutorial-animated-tooltips-by-codrops.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/css/css3-tutorial-animated-tooltips-by-codrops.html#comments</comments>
		<pubDate>Thu, 02 Feb 2012 23:33:24 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -CSS]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[tooltip]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14017</guid>
		<description><![CDATA[CSS3アニメーションを使った繊細で美しいツールチップを実装するチュートリアルを紹介します。 How to create animated tooltips with CSS3 デモ 実装 デモ デモはCSS3アニメーシ [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/css/css3-tutorial-animated-tooltips-by-codrops.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー</title>
		<link>http://coliss.com/articles/build-websites/operation/css/cross-browser-css-workflow-by-impressivewebs.html</link>
		<comments>http://coliss.com/articles/build-websites/operation/css/cross-browser-css-workflow-by-impressivewebs.html#comments</comments>
		<pubDate>Wed, 01 Feb 2012 23:42:44 +0000</pubDate>
		<dc:creator>コリス</dc:creator>
				<category><![CDATA[サイト構築 -CSS]]></category>

		<guid isPermaLink="false">http://coliss.com/?p=14015</guid>
		<description><![CDATA[まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します [...]]]></description>
		<wfw:commentRss>http://coliss.com/articles/build-websites/operation/css/cross-browser-css-workflow-by-impressivewebs.html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

