<?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; くまぶろぐ。</title>
	<atom:link href="https://weblife.ppmp556.com/category/create/feed/" rel="self" type="application/rss+xml" />
	<link>https://weblife.ppmp556.com</link>
	<description>フリーランスのWeb制作ブログ。Web制作やチーム制作、フリーランス活動について発信するブログ。</description>
	<lastBuildDate>Tue, 12 May 2026 23:45:17 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://weblife.ppmp556.com/wp-content/uploads/2021/04/kumadafabicon04.png</url>
	<title>Web制作 &#8211; くまぶろぐ。</title>
	<link>https://weblife.ppmp556.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">192677179</site>	<item>
		<title>【CSS】containプロパティについて</title>
		<link>https://weblife.ppmp556.com/css-contain/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=css-contain</link>
					<comments>https://weblife.ppmp556.com/css-contain/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 19 May 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32429</guid>

					<description><![CDATA[どうも、くまだです。 CSSのcontainプロパティのメモ。 containプロパティとは contain は、ブラウザに「この要素は外側に影響を与えない」と伝えるCSSプロパティです。 ブラウザは通常、ある要素が変更 [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/css-contain/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32429</post-id>	</item>
		<item>
		<title>【CSS】font-displayについて。Webフォント表示を制御する方法</title>
		<link>https://weblife.ppmp556.com/css-font-display/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=css-font-display</link>
					<comments>https://weblife.ppmp556.com/css-font-display/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 05 May 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32417</guid>

					<description><![CDATA[どうも、くまだです。 CSSのfont-displayプロパティについてのメモ。 font-displayとは font-displayプロパティは、Webフォントのダウンロードの状況によって、どのようにフォントを表示さ [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/css-font-display/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32417</post-id>	</item>
		<item>
		<title>aria-controlsとは？aria-expandedとの併用とハンバーガーメニュー実装例【WAI-ARIA】</title>
		<link>https://weblife.ppmp556.com/aria-controls/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=aria-controls</link>
					<comments>https://weblife.ppmp556.com/aria-controls/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 28 Apr 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[アクセシビリティ]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32419</guid>

					<description><![CDATA[どうも、くまだです。 WAI-ARIAのaria-controlsについてのメモ。 aria-controlsとは aria-controlsは「このボタンは、あの要素を操作するよ」と支援技術に伝えるための属性です。 値 [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/aria-controls/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32419</post-id>	</item>
		<item>
		<title>【CSS】round()について</title>
		<link>https://weblife.ppmp556.com/css-round/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=css-round</link>
					<comments>https://weblife.ppmp556.com/css-round/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 14 Apr 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32370</guid>

					<description><![CDATA[どうも、くまだです。 CSSのround()についてのメモ。 CSSのround() CSSのround()関数は、指定した値をステップ値の整数倍に丸める関数です。 構文としては以下のようになります。 CSSで記述すると [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/css-round/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32370</post-id>	</item>
		<item>
		<title>【CSS】:user-valid と :user-invalid でフォームバリデーションをUX改善する</title>
		<link>https://weblife.ppmp556.com/user-valid-user-invalid/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=user-valid-user-invalid</link>
					<comments>https://weblife.ppmp556.com/user-valid-user-invalid/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 07 Apr 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32391</guid>

					<description><![CDATA[どうも、くまだです。 疑似クラス:user-valid と :user-invalid についてのメモ。 :user-valid と :user-invalid について :user-vaildと:user-invali [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/user-valid-user-invalid/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32391</post-id>	</item>
		<item>
		<title>【CSS】ダークモード切替【JS】</title>
		<link>https://weblife.ppmp556.com/color-scheme/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=color-scheme</link>
					<comments>https://weblife.ppmp556.com/color-scheme/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 31 Mar 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32388</guid>

					<description><![CDATA[どうも、くまだです。 ダークモード切替処理のメモ。 ダークモード切替 コードは以下になります。 See the Pen ダークモード切替 by kuma0605 (@kuma0605) on CodePen. ボタンをク [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/color-scheme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32388</post-id>	</item>
		<item>
		<title>CSSのみで無限ループアニメーション</title>
		<link>https://weblife.ppmp556.com/css-loop/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=css-loop</link>
					<comments>https://weblife.ppmp556.com/css-loop/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 24 Mar 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32385</guid>

					<description><![CDATA[どうも、くまだです。 CSSのみで無限ループアニメーションのメモ。 無限ループアニメーション コードは以下になります。 loopしたいテキストを横に並べて、@keyframesで設定したアニメーションを書く。 trans [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/css-loop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32385</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: weblife.ppmp556.com @ 2026-05-22 04:51:03 by W3 Total Cache
-->