<?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デザイン &#8211; Webクリエイターな備忘録</title>
	<atom:link href="http://koolweb37.com/wp/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://koolweb37.com/wp</link>
	<description>当サイトはフリーランスでWeb制作や動画制作をするクリエイターの備忘録なメモサイトです。 Webサイト制作で気になった事、動画撮影や動画制作で気になった事、また個人的に気になるでき事、日常の事などを気ままに勝手に書き綴っています。</description>
	<lastBuildDate>Thu, 06 Jan 2022 05:43:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
<site xmlns="com-wordpress:feed-additions:1">39050389</site>	<item>
		<title>CSSで左右で違う背景画像を表示したい！</title>
		<link>http://koolweb37.com/wp/2017/04/03/css%e3%81%a7%e5%b7%a6%e5%8f%b3%e3%81%ab%e9%81%95%e3%81%86%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba/</link>
		
		<dc:creator><![CDATA[koolweb37.com]]></dc:creator>
		<pubDate>Mon, 03 Apr 2017 11:49:03 +0000</pubDate>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">http://koolweb37.com/wp/?p=1400</guid>

					<description><![CDATA[<div><img width="280" height="165" src="http://koolweb37.com/wp/wp-content/uploads/2017/04/thumbnail-04-280x165.jpg?x18508" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="CSSで左右で違う背景画像を表示" decoding="async" /></div>最近、ランディングページを制作していて「ブロック毎の背景画像に左右で違うものを表示したいなぁ」て思って、とうとつに調べたので備忘録で掲載しときます。 簡単じゃん！ 左右で違う背景画像を表示したい場合、以前やていたのはブロ [&#8230;]]]></description>
		
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1400</post-id>	</item>
		<item>
		<title>レスポンシブデザインでデバイスごとに画像を切替たい！</title>
		<link>http://koolweb37.com/wp/2017/03/27/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%a7%e7%94%bb%e9%9d%a2%e3%82%b5%e3%82%a4%e3%82%ba%e3%81%a7%e7%94%bb%e5%83%8f%e5%88%87%e6%9b%bf%e3%81%9f/</link>
		
		<dc:creator><![CDATA[koolweb37.com]]></dc:creator>
		<pubDate>Mon, 27 Mar 2017 07:02:32 +0000</pubDate>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[javascript]]></category>
		<guid isPermaLink="false">http://koolweb37.com/wp/?p=1387</guid>

					<description><![CDATA[<div><img width="280" height="165" src="http://koolweb37.com/wp/wp-content/uploads/2017/03/thumbnail-05-280x165.png?x18508" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="レスポンシブデザインで画面サイズで画像を切替たい" decoding="async" /></div>なんだか、昨年末から今年にかけて何かとありまして、更新が滞っていました(;&#8217;∀&#8217;) 今年に入ってから「いろいろ」とやっているのですが、アウトプット追いついてませんでした(;&#8217;∀&#82 [&#8230;]]]></description>
		
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1387</post-id>	</item>
		<item>
		<title>今更、リキッドレイアウト・デザイン！！</title>
		<link>http://koolweb37.com/wp/2013/12/24/%e4%bb%8a%e6%9b%b4%e3%80%81%e3%83%aa%e3%82%ad%e3%83%83%e3%83%89%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%83%bb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%ef%bc%81%ef%bc%81/</link>
		
		<dc:creator><![CDATA[koolweb37.com]]></dc:creator>
		<pubDate>Tue, 24 Dec 2013 06:12:45 +0000</pubDate>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[リキッドレイアウト]]></category>
		<guid isPermaLink="false">http://koolweb37.com/wp/?p=31</guid>

					<description><![CDATA[<div><img width="280" height="142" src="http://koolweb37.com/wp/wp-content/uploads/2013/01/20130201.png?x18508" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" /></div>今更ながら、「リキッドレイアウト」なサイトを制作してみた時のメモ！！ 今回は、Backgroundにフルスクリーン対応のjQueryスライドショー「jbgallery-2.0」を使用し、中のコンテンツ部分を「リキッドレイ [&#8230;]]]></description>
		
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">31</post-id>	</item>
		<item>
		<title>【Sass初心者必見】Scoutを使えばSassのコンパイルも簡単です！</title>
		<link>http://koolweb37.com/wp/2013/03/08/post-305/</link>
		
		<dc:creator><![CDATA[koolweb37.com]]></dc:creator>
		<pubDate>Fri, 08 Mar 2013 07:46:51 +0000</pubDate>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[Sass]]></category>
		<guid isPermaLink="false">http://koolweb37.com/wp/?p=305</guid>

					<description><![CDATA[<div><img width="280" height="165" src="http://koolweb37.com/wp/wp-content/uploads/2021/07/thumbnail-01-280x165.png?x18508" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Sassを使ってみた！" decoding="async" /></div>前回の投稿からかなり時間があいてしましました。当ブログは、ゆるりとやっていますのでポツポツ記事を書いってますのでご了承ください。 さて今回は、今頃になって「Sass」ってヤツをやってみました。 CSSを効率的に素早く記述 [&#8230;]]]></description>
		
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">305</post-id>	</item>
		<item>
		<title>見てるままページ保存ができるフリーソフト「Local Website Archive Lite」</title>
		<link>http://koolweb37.com/wp/2012/09/21/%e9%ad%9a%e6%8b%93/</link>
		
		<dc:creator><![CDATA[koolweb37.com]]></dc:creator>
		<pubDate>Thu, 20 Sep 2012 23:52:20 +0000</pubDate>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[Local Website Archive Lite]]></category>
		<guid isPermaLink="false">http://koolweb37.com/wp/?p=120</guid>

					<description><![CDATA[<div><img width="280" height="142" src="http://koolweb37.com/wp/wp-content/uploads/2012/09/20120919-2.png?x18508" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" /></div>Evernoteに【専用のノート】を作って「サイトタイトル」と「URL」を記述してリスト化し保存していました。しかし、この方法だと手間とノートの管理がたいへんなんですよね。 最近では『とりあえずブラウザでブックマーク』し [&#8230;]]]></description>
		
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">120</post-id>	</item>
		<item>
		<title>レスポンシブWebデザイン</title>
		<link>http://koolweb37.com/wp/2012/09/20/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/</link>
		
		<dc:creator><![CDATA[koolweb37.com]]></dc:creator>
		<pubDate>Thu, 20 Sep 2012 13:37:45 +0000</pubDate>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[レスポンシブWebデザイン]]></category>
		<guid isPermaLink="false">http://koolweb37.com/wp/?p=68</guid>

					<description><![CDATA[<div><img width="280" height="142" src="http://koolweb37.com/wp/wp-content/uploads/2012/09/20120919-1png.png?x18508" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" /></div>現在、レスポンシブWebデザインの考えのもと、サイト制作しています！ クライアント様のホームページと自分のWebサイトで、レスポンシブWebデザインを使用し制作してますが、ウインドウサイス切り替えポイント悩みますね~。  [&#8230;]]]></description>
		
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">68</post-id>	</item>
		<item>
		<title>【jQuery】水平アコーディオンパネルを実装してみる！</title>
		<link>http://koolweb37.com/wp/2012/08/03/jquery-%e6%b0%b4%e5%b9%b3%e3%82%a2%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%82%aa%e3%83%b3%e3%83%91%e3%83%8d%e3%83%ab-%e3%80%80%e5%ae%9f%e8%a3%85/</link>
		
		<dc:creator><![CDATA[koolweb37.com]]></dc:creator>
		<pubDate>Fri, 03 Aug 2012 04:04:44 +0000</pubDate>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[jQuery]]></category>
		<guid isPermaLink="false">http://koolweb37.com/wp/?p=34</guid>

					<description><![CDATA[<div><img width="280" height="142" src="http://koolweb37.com/wp/wp-content/uploads/2012/08/jQuery1.jpg?x18508" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="jQuery 水平アコーディオンパネル実装" decoding="async" /></div>クライアントに見せるデモサイト用にjQueryで「アコーディオンパネル」を実装してみたことを自分の備忘録として紹介します。 今回のデモサイトでは、【水平】に開閉する「アコーディオンパネル」を実装したいと考えていますので、 [&#8230;]]]></description>
		
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">34</post-id>	</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Disk: Enhanced  を使用したページ キャッシュ

Served from: koolweb37.com @ 2026-06-22 15:20:20 by W3 Total Cache
-->