<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>html | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Sat, 16 Apr 2011 15:11:39 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>最近公開されたハイセンスなHTML/CSSテンプレート集</title>
		<link>https://blog.verygoodtown.com/2011/04/free-css-templates-2011/</link>
					<comments>https://blog.verygoodtown.com/2011/04/free-css-templates-2011/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Mon, 18 Apr 2011 00:50:11 +0000</pubDate>
				<category><![CDATA[素材]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[template]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=6863</guid>

					<description><![CDATA[<p>ハイセンスなHTML/CSSテンプレートを探している。 そんな方におすすめなのが「20 Fresh Free CSS Templates」。 以下のような素敵なテンプレートをまとめてくれています。 個人利用、商用利用がO [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2011/04/free-css-templates-2011/">最近公開されたハイセンスなHTML/CSSテンプレート集</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p>ハイセンスなHTML/CSSテンプレートを探している。<br />
そんな方におすすめなのが「<a href="http://www.templates.com/blog/free-css-templates-2011/" target="_blank">20 Fresh Free CSS Templates</a>」。</p>
<p>以下のような素敵なテンプレートをまとめてくれています。</p>
<p><span id="more-6863"></span></p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-01.jpg" alt="20110416-01" title="20110416-01" width="304" height="500" class="alignnone size-full wp-image-6883" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-01.jpg 304w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-01-182x300.jpg 182w" sizes="(max-width: 304px) 100vw, 304px" /><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-02.jpg" alt="20110416-02" title="20110416-02" width="485" height="500" class="alignnone size-full wp-image-6884" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-02.jpg 485w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-02-291x300.jpg 291w" sizes="(max-width: 485px) 100vw, 485px" /><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-03.jpg" alt="20110416-03" title="20110416-03" width="429" height="500" class="alignnone size-full wp-image-6885" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-03.jpg 429w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-03-257x300.jpg 257w" sizes="(max-width: 429px) 100vw, 429px" /><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-04.jpg" alt="20110416-04" title="20110416-04" width="330" height="500" class="alignnone size-full wp-image-6886" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-04.jpg 330w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-04-198x300.jpg 198w" sizes="(max-width: 330px) 100vw, 330px" /><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-05.jpg" alt="20110416-05" title="20110416-05" width="280" height="501" class="alignnone size-full wp-image-6887" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-05.jpg 280w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-05-167x300.jpg 167w" sizes="(max-width: 280px) 100vw, 280px" /><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-06.jpg" alt="20110416-06" title="20110416-06" width="461" height="500" class="alignnone size-full wp-image-6888" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-06.jpg 461w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-06-276x300.jpg 276w" sizes="(max-width: 461px) 100vw, 461px" /><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-07.jpg" alt="20110416-07" title="20110416-07" width="490" height="500" class="alignnone size-full wp-image-6889" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-07.jpg 490w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110416-07-294x300.jpg 294w" sizes="(max-width: 490px) 100vw, 490px" /></p>
<p>個人利用、商用利用がOKなものがほとんどになっています。<br />
使ってみたい方は下のリンクからどうぞ。</p>The post <a href="https://blog.verygoodtown.com/2011/04/free-css-templates-2011/">最近公開されたハイセンスなHTML/CSSテンプレート集</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2011/04/free-css-templates-2011/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6863</post-id>	</item>
		<item>
		<title>CSSだけで各種ソーシャルメディアのアイコンを作る方法</title>
		<link>https://blog.verygoodtown.com/2010/03/pure-css-social-icons/</link>
					<comments>https://blog.verygoodtown.com/2010/03/pure-css-social-icons/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Mon, 15 Mar 2010 00:10:37 +0000</pubDate>
				<category><![CDATA[WEB製作全般]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=3326</guid>

					<description><![CDATA[<p>ソーシャルメディアのアイコンをCSSとHTMLだけで作ってしまった「Experimental: Pure CSS social media icons」というエントリーのご紹介。 IE系では動作しないようですが、面白いサ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/03/pure-css-social-icons/">CSSだけで各種ソーシャルメディアのアイコンを作る方法</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100315-06.png" alt="20100315-06" title="20100315-06" width="600" height="140" class="alignnone size-full wp-image-3332" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100315-06.png 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100315-06-300x70.png 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
ソーシャルメディアのアイコンをCSSとHTMLだけで作ってしまった「<a href="http://nicolasgallagher.com/experimental-pure-css-social-media-icons/" target="_blank">Experimental: Pure CSS social media icons</a>」というエントリーのご紹介。</p>
<p>IE系では動作しないようですが、面白いサンプルがありました。</p>
<p>詳しくは以下<br />
<span id="more-3326"></span></p>
<h3>動作デモ</h3>
<p>JavaScriptも画像も使用しないで次のようにロゴを再現しています。</p>
<p><strong>■ Firefox3.6</strong></p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100315-01.png" alt="20100315-01" title="20100315-01" width="455" height="207" class="alignnone size-full wp-image-3327" /></p>
<p><strong>■ Safari4.0.5</strong></p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100315-02.png" alt="20100315-02" title="20100315-02" width="455" height="207" class="alignnone size-full wp-image-3328" /></p>
<p><strong>■ IE8</strong></p>
<p>残念ながら、四角くなってしまってます。</p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100315-03.png" alt="20100315-03" title="20100315-03" width="455" height="207" class="alignnone size-full wp-image-3329" /></p>
<p><strong>■ Chrome</strong></p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100315-04.png" alt="20100315-04" title="20100315-04" width="455" height="207" class="alignnone size-full wp-image-3330" /></p>
<p><strong>■ Opera10.5</strong></p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100315-05.png" alt="20100315-05" title="20100315-05" width="455" height="207" class="alignnone size-full wp-image-3331" /></p>
<p><a href="http://nicolasgallagher.com/demo/pure-css-social-media-icons/" target="_blank">デモ</a>を見ていただくと、実際の様子がわかります。<br />
将来的にはこういった技術を使用してリソースの節約をしていけるかもしれませんね。</p>The post <a href="https://blog.verygoodtown.com/2010/03/pure-css-social-icons/">CSSだけで各種ソーシャルメディアのアイコンを作る方法</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/03/pure-css-social-icons/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3326</post-id>	</item>
		<item>
		<title>Androidでwebサイトを開発する際に使える無料アプリ</title>
		<link>https://blog.verygoodtown.com/2010/03/android-website-develop-userful-app/</link>
					<comments>https://blog.verygoodtown.com/2010/03/android-website-develop-userful-app/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Fri, 12 Mar 2010 01:20:36 +0000</pubDate>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[html]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=3274</guid>

					<description><![CDATA[<p>Androidからサイトの開発やデバッグを行えるアプリをまとめた「5 Free Android Apps for Web Developers」というエントリーのご紹介。 HTMLのソースの確認やFTP接続などをAndo [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/03/android-website-develop-userful-app/">Androidでwebサイトを開発する際に使える無料アプリ</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-09.png" alt="20100311-09" title="20100311-09" width="600" height="183" class="alignnone size-full wp-image-3278" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-09.png 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-09-300x91.png 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
Androidからサイトの開発やデバッグを行えるアプリをまとめた「<a href="http://mashable.com/2010/03/10/android-apps-web-developer/" target="_blank">5 Free Android Apps for Web Developers</a>」というエントリーのご紹介。</p>
<p>HTMLのソースの確認やFTP接続などをAndoroidから実行できるようです。<br />
※ Androidの実機を持っていないので、動作確認はしておりません。</p>
<p>詳しくは以下<br />
<span id="more-3274"></span></p>
<h3>HTMLeditor</h3>
<p>HTMLを作成してその場でプレビューできるアプリ</p>
<p><a href="http://jp.androlib.com/android.application.benor-htmleditor-xxDE.aspx" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-10.jpg" alt="20100311-10" title="20100311-10" width="320" height="480" class="alignnone size-full wp-image-3286" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-10.jpg 320w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-10-200x300.jpg 200w" sizes="(max-width: 320px) 100vw, 320px" /></a></p>
<p><a class="comments_l" target="_blank" href="http://jp.androlib.com/android.application.benor-htmleditor-xxDE.aspx">ダウンロード</a></p>
<h3>AndFTP</h3>
<p>Android携帯からFTP接続が可能になります。<br />
FTP、 SFTPをサポートしています。</p>
<p><a href="http://www.lysesoft.com/products/andftp/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-11.jpg" alt="20100311-11" title="20100311-11" width="200" height="300" class="alignnone size-full wp-image-3287" /></a></p>
<p><a class="comments_l" target="_blank" href="http://www.lysesoft.com/products/andftp">ダウンロード</a></p>
<h3>View Web Source</h3>
<p>サイトのソースを表示する事ができます。</p>
<p><a href="http://jp.androlib.com/android.application.com-jamesob-vwsource-xxAp.aspx" target="_blank"><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-12.jpg" alt="20100311-12" title="20100311-12" width="320" height="480" class="alignnone size-full wp-image-3288" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-12.jpg 320w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-12-200x300.jpg 200w" sizes="(max-width: 320px) 100vw, 320px" /></a></p>
<p><a class="comments_l" target="_blank" href="http://jp.androlib.com/android.application.com-jamesob-vwsource-xxAp.aspx">ダウンロード</a></p>
<h3>Magic Color Picker</h3>
<p>Webデザインのアイデアのために。</p>
<p><a href="http://jp.androlib.com/android.application.com-siyusong-android-color-picker-jEFm.aspx" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-13.jpg" alt="20100311-13" title="20100311-13" width="320" height="480" class="alignnone size-full wp-image-3289" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-13.jpg 320w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100311-13-200x300.jpg 200w" sizes="(max-width: 320px) 100vw, 320px" /></a></p>
<p><a class="comments_l" target="_blank" href="http://jp.androlib.com/android.application.com-siyusong-android-color-picker-jEFm.aspx">ダウンロード</a></p>
<h3>HTML Test</h3>
<p>正しいHTMLの知識をテストするクイズアプリ。</p>
<p><a class="comments_l" target="_blank" href="http://jp.androlib.com/android.application.org-intersog-html_test-jqAp.aspx">ダウンロード</a></p>The post <a href="https://blog.verygoodtown.com/2010/03/android-website-develop-userful-app/">Androidでwebサイトを開発する際に使える無料アプリ</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/03/android-website-develop-userful-app/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3274</post-id>	</item>
		<item>
		<title>CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」</title>
		<link>https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/</link>
					<comments>https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Wed, 10 Feb 2010 13:03:31 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Google Map]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[回転]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2115</guid>

					<description><![CDATA[<p>Animate CSS Rotation and Scaleを使用すると、どんなHTMLでも回転させる事ができるようになります。 って、どこで使うんだろう。誰かのヒントになればって事でご紹介。 使い方 まずは、jQuer [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/">CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/Rotation.png" alt="Rotation" title="Rotation" width="565" height="277" class="alignnone size-full wp-image-2117" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/Rotation.png 565w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/Rotation-300x147.png 300w" sizes="(max-width: 565px) 100vw, 565px" /><br />
<a href="http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html" target="_blank">Animate CSS Rotation and Scale</a>を使用すると、どんなHTMLでも回転させる事ができるようになります。</p>
<p><span id="more-2115"></span></p>
<p>って、どこで使うんだろう。誰かのヒントになればって事でご紹介。</p>
<h3>使い方</h3>
<p>まずは、jQueryとプラグインを読み込みます。</p>
<pre class="brush:xml;">
&lt;script&nbsp;src=&quot;jquery.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script&nbsp;src=&quot;jquery-css-transform.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script&nbsp;src=&quot;jquery-animate-css-rotate-scale.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</pre>
<p>その後に、プラグインを有効化すれば動作するようです。</p>
<pre class="brush:js;">
&lt;script&gt;
setInterval(
    function () {
        $('#at_ex1').animate({rotate: '+=10deg'}, 0);
    },
    200
);

$('#at_ex1').click(
    function () {
        $(this).animate({scale: '+=0.33'}, {queue: false, duration: 1000});
    }
);
&lt;/script&gt;
</pre>
<h3>Google Mapを回転させる</h3>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap.png" alt="googlemap" title="googlemap" width="562" height="315" class="alignnone size-full wp-image-2116" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap.png 562w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap-299x168.png 299w" sizes="(max-width: 562px) 100vw, 562px" /><br />
このプラグインを使ってGoogleMapを回転させている方がいました。<br />
デモは<a href="http://isithackday.com/hacks/map-rotate/" target="_blank">こちら</a><br />
&#8216;L&#8217;と&#8217;R&#8217;キーを使用して、地図を回転させる事ができます。</p>
<p>こんな事もできるんですね。</p>The post <a href="https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/">CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2115</post-id>	</item>
		<item>
		<title>htmlを貼りつけると必要なCSSを書き出してくれるWEBサービス「PrimerCSS」</title>
		<link>https://blog.verygoodtown.com/2010/02/html-change-css-selecter-web-service-primercss/</link>
					<comments>https://blog.verygoodtown.com/2010/02/html-change-css-selecter-web-service-primercss/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Mon, 01 Feb 2010 02:50:38 +0000</pubDate>
				<category><![CDATA[WEB製作全般]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[WEBサービス]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=1538</guid>

					<description><![CDATA[<p>ちょっと便利だと思ったのでエントリー。PrimerCSSはCSSを作成する際に必要な class指定やid指定をhtmlから抜き出してくれるWEBサービスです。 例えば以下のようなhtmlを入力してみます。 logo h [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/html-change-css-selecter-web-service-primercss/">htmlを貼りつけると必要なCSSを書き出してくれるWEBサービス「PrimerCSS」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/primercss.png" alt="primercss" title="primercss" width="591" height="82" class="alignnone size-full wp-image-1540" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/primercss.png 591w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/primercss-300x41.png 300w" sizes="(max-width: 591px) 100vw, 591px" /><br />
ちょっと便利だと思ったのでエントリー。<a href="http://primercss.com/" target="_blank">PrimerCSS</a>はCSSを作成する際に必要な class指定やid指定をhtmlから抜き出してくれるWEBサービスです。</p>
<p>例えば以下のようなhtmlを入力してみます。</p>
<p><span id="more-1538"></span></p>
<pre class="brush:xml;">

<div id="container">

	<div id="header">
        logo
    </div>

    <div id="content">
        <div id="main">hogehoge</div>
    </div>

    <div class="clearer"></div>	

	<div id="footer">
		<p class="copyright">Copyright &copy; 2010 verygoodtown.com</p>
	</div>
</div>

</pre>
<p>するとCSSに必要な要素のみを抽出して表示してくれるのです。</p>
<pre class="brush:css;">
/* CSS Generated by Primer - primercss.com */

div#container {
	
}

div#header {
	
}

div#content {
	
}

div#main {
	
}

div.clearer {
	
}

div#footer {
	
}

p.copyright {
	
}
</pre>
<p>これは使い方によっては結構便利かもしれません。<br />
興味がある方はぜひ使ってみてください。</p>The post <a href="https://blog.verygoodtown.com/2010/02/html-change-css-selecter-web-service-primercss/">htmlを貼りつけると必要なCSSを書き出してくれるWEBサービス「PrimerCSS」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/html-change-css-selecter-web-service-primercss/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1538</post-id>	</item>
	</channel>
</rss>
