<?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>くまぶろぐ。</title>
	<atom:link href="https://weblife.ppmp556.com/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>くまぶろぐ。</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】shape()関数で複雑な形のクリップ作る</title>
		<link>https://weblife.ppmp556.com/css-shape/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=css-shape</link>
					<comments>https://weblife.ppmp556.com/css-shape/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 09 Jun 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32443</guid>

					<description><![CDATA[どうも、くまだです。 CSSのshape()関数のメモ。矢印型のバナーとか、斜めにカットされたセクションとか作れます。 shape()関数の基本 shape()はこんな構文です。 fromで始点を指定して、あとはline [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/css-shape/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32443</post-id>	</item>
		<item>
		<title>【CSS】画面外のレンダリングをスキップして表示を速くする content-visibility</title>
		<link>https://weblife.ppmp556.com/content-visibility/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=content-visibility</link>
					<comments>https://weblife.ppmp556.com/content-visibility/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 02 Jun 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32534</guid>

					<description><![CDATA[どうも、くまだ です。 今回は CSS の content-visibilityというプロパティの話。 content-visibility とは？ CSS の content-visibilityは、画面外のコンテンツ [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/content-visibility/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32534</post-id>	</item>
		<item>
		<title>【CSS】width: stretchで要素を親いっぱいに広げる</title>
		<link>https://weblife.ppmp556.com/width-stretch/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=width-stretch</link>
					<comments>https://weblife.ppmp556.com/width-stretch/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 26 May 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32433</guid>

					<description><![CDATA[どうも、くまだです。 width: stretch;を使って要素を親要素いっぱいに広げる方法のメモ。 width: 100%だとはみ出る問題 「親いっぱいに広げたい」とき、まず思いつくのがwidth: 100%。 でもm [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/width-stretch/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32433</post-id>	</item>
		<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>2023年フリーランス駆け出し編その2</title>
		<link>https://weblife.ppmp556.com/free-2023/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=free-2023</link>
					<comments>https://weblife.ppmp556.com/free-2023/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 12 May 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[フリーランス活動]]></category>
		<category><![CDATA[フリーランス経験]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32423</guid>

					<description><![CDATA[今回は開業してから2年後（2023年）の話を書きます。 2023年は正直、去年とあまり変わらないので（書くことがないので）、今回は自分がどういう案件、どのようなフローで案件をやっていたのか簡単に紹介します。 2022年の [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/free-2023/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32423</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>
	</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-06-10 21:17:37 by W3 Total Cache
-->