<?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; SwitchBox</title>
	<atom:link href="https://switch-box.net/category/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>https://switch-box.net</link>
	<description>あなたのスイッチを押す情報を届けたい。</description>
	<lastBuildDate>Wed, 29 Jan 2025 01:44:38 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.2</generator>
	<item>
		<title>CSS：ボタンを目立たせたいときに使えるループアニメーションの作り方</title>
		<link>https://switch-box.net/p/20175/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Fri, 22 May 2020 11:04:09 +0000</pubDate>
				<category><![CDATA[チュートリアル]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=20175</guid>

					<description><![CDATA[今回紹介するのは、ボタンを目立たせたいときに使えるループアニメーションです。 登録や購入ボタンのクリック率を少しでも上げたい！という要望はよくあるもの。でもデザインで目立たせようとすると、どうしてもゴテゴテしてしまいがち [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>CSSアニメーション：マウスオンで色がスライドして変わるボタンの作り方</title>
		<link>https://switch-box.net/p/20067/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Sun, 17 May 2020 11:07:44 +0000</pubDate>
				<category><![CDATA[チュートリアル]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=20067</guid>

					<description><![CDATA[今回紹介するのは、マウスを乗せるとスライドして色が変わるボタンの作り方です。javascriptなどは使わず、CSSアニメーションだけで作っていきます。気に入ったものがあれば、ぜひコピペして使ってみてくださいね。 完成サ [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>CSSアニメーション：マウスホバーで3D化するボタンの作り方</title>
		<link>https://switch-box.net/p/20045/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Wed, 13 May 2020 10:28:44 +0000</pubDate>
				<category><![CDATA[チュートリアル]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=20045</guid>

					<description><![CDATA[今回紹介するのは、マウスを乗せると3Dエフェクトがつくボタンの作り方です。javascriptなどは使わず、CSSだけで擬似的に3D風に見せる演出が作れますよ。 CSSだけで3D風エフェクトをつける まずは以下のページか [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>LPやバナー制作に最適！Photoshop用のテキストスタイル集を制作しました！</title>
		<link>https://switch-box.net/p/20026/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Sun, 10 May 2020 09:50:29 +0000</pubDate>
				<category><![CDATA[その他]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=20026</guid>

					<description><![CDATA[Photoshopで使えるテキストスタイル集を制作したので販売します。 バナーやLPの制作では、商品名やキャッチコピーなどのテキストを装飾することってよくありますよね。でも、これって毎回イチから作ると結構大変。 そんなと [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>コピペOK！CSSだけで作る見出しのタイトルデザイン集まとめ</title>
		<link>https://switch-box.net/p/19989/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Thu, 07 May 2020 11:58:01 +0000</pubDate>
				<category><![CDATA[チュートリアル]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=19989</guid>

					<description><![CDATA[ちょっとした見出しの装飾くらいなら、CSSだけで作ることが多いと思います。でも、CSSだけで出来ることには制限もあるし、なかなかシックリくるデザインを考えるのも大変ですよね。 というわけで、今回はCSSの見出し特集です。 [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>CSSだけで実装！区切り線（hrタグ）のデザインサンプル集まとめ</title>
		<link>https://switch-box.net/p/19955/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Tue, 05 May 2020 11:30:14 +0000</pubDate>
				<category><![CDATA[チュートリアル]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=19955</guid>

					<description><![CDATA[今回は「区切り線」の特集です。 区切り線はHTMLタグで言うと「hr要素」。本来、あまり目立たせたいわけでもなく地味なパーツではありますが、デフォルトのままだとかなりやぼったくなってしまうので注意が必要です。 CSSを使 [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>画像でもCSSでも綺麗なグラデーションを！高品質なサンプル集サイト「WebGradients」</title>
		<link>https://switch-box.net/p/19945/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Mon, 04 May 2020 06:08:17 +0000</pubDate>
				<category><![CDATA[その他]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=19945</guid>

					<description><![CDATA[デザインにグラデーションを使うときって色の調整がなかなか難しいですよね。苦手な人も結構多いみたいで、なかなかしっくり来なくて、つい時間をかけ過ぎちゃうなんてことも。 そんなときに便利なのが「WebGradients」とい [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>CSS：オンマウスでゆらゆら光る「グローエフェクトボタン」の作り方</title>
		<link>https://switch-box.net/p/19912/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Sat, 02 May 2020 01:58:14 +0000</pubDate>
				<category><![CDATA[チュートリアル]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=19912</guid>

					<description><![CDATA[今回紹介するのは、マウスを乗せると光るボタンの作り方です。CSSだけで実装しているので一度つくれば使い回せるのも便利ですよ。 CSSだけでボタンに光るエフェクトをつける 完成済のサンプルを用意してみました。マウスを乗せる [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>背景にもテキストにも！CSSだけで様々な背景を実装できる「pattern.css」</title>
		<link>https://switch-box.net/p/19887/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Thu, 30 Apr 2020 14:32:09 +0000</pubDate>
				<category><![CDATA[その他]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=19887</guid>

					<description><![CDATA[背景にドットやストライプなどのシンプルなパターンを使いたいことってよくありますよねそんなときに便利なのが、今回紹介する「pattern.css」です。 画像を使わずにcssだけで、かなりバリエーション豊かな背景パターンが [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>コピペで使えるCSS集「Animista.net」で、綺麗なアニメーションをカンタン実装！</title>
		<link>https://switch-box.net/p/19861/</link>
		
		<dc:creator><![CDATA[switch-box]]></dc:creator>
		<pubDate>Tue, 28 Apr 2020 05:13:02 +0000</pubDate>
				<category><![CDATA[その他]]></category>
		<guid isPermaLink="false">https://switch-box.net/?p=19861</guid>

					<description><![CDATA[アニメーションのついたWEBサイトってクオリティが高く見えますよね。見てくれた人の印象にも残りやすいので、結構重要な要素だったりします。 ですが、実際の制作では、動きのアイディアを考えたり実装する時間もかかってしまって大 [&#8230;]]]></description>
		
		
		
			</item>
	</channel>
</rss>
