<?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:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>WEB制作のネタ帳（for 初心者） &#187; ツール</title>
	<atom:link href="http://www.shiteki.info/web/category/tool/feed" rel="self" type="application/rss+xml" />
	<link>http://www.shiteki.info/web</link>
	<description>ホームページを作る上で役立つであろう情報</description>
	<lastBuildDate>Fri, 07 Jan 2011 10:18:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.shiteki.info/web/category/tool/feed" />
		<item>
		<title>IE6/7/8をCSS3対応にできる「CSS3 PIE」</title>
		<link>http://www.shiteki.info/web/tool/169.html</link>
		<comments>http://www.shiteki.info/web/tool/169.html#comments</comments>
		<pubDate>Fri, 07 Jan 2011 09:50:18 +0000</pubDate>
		<dc:creator>shiteki</dc:creator>
				<category><![CDATA[ツール]]></category>
		<category><![CDATA[CSS3]]></category>

		<guid isPermaLink="false">http://www.shiteki.info/web/?p=169</guid>
		<description><![CDATA[<a href="http://www.shiteki.info/web/tool/169.html"><img align="left" hspace="5" width="150" src="http://capture.heartrails.com/free?http://css3pie.com/" class="alignleft wp-post-image tfe" alt="" title="" /></a>IE6/7/8はCSS3対応していませんので、角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどは対応できませんが、「CSS3 PIE」を使えばばっちり対応するようになります。 使用方法も簡単なので上記の効 [...]]]></description>
			<content:encoded><![CDATA[<p><img title="" src="http://capture.heartrails.com/free?http://css3pie.com/" alt="" width="150" height="200" hspace="3" vspace="3" align="left" border="0" /><br />
IE6/7/8はCSS3対応していませんので、角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどは対応できませんが、「CSS3 PIE」を使えばばっちり対応するようになります。</p>
<p>使用方法も簡単なので上記の効果をよく使う人は以下のサイトを参考に導入するといいだろう。</p>
<p>→<a href="http://coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.html" target="blank">たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE | コリス</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.shiteki.info/web/tool/169.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.shiteki.info/web/tool/169.html" />
	</item>
		<item>
		<title>CSSの軽量化に「CSS Compressor」</title>
		<link>http://www.shiteki.info/web/tool/127.html</link>
		<comments>http://www.shiteki.info/web/tool/127.html#comments</comments>
		<pubDate>Wed, 09 Dec 2009 08:21:23 +0000</pubDate>
		<dc:creator>shiteki</dc:creator>
				<category><![CDATA[ツール]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.shiteki.info/web/?p=127</guid>
		<description><![CDATA[<a href="http://www.shiteki.info/web/tool/127.html"><img align="left" hspace="5" width="150" src="http://dl.dropbox.com/u/20040494/web/files/2009/12/csscompress01.gif" class="alignleft wp-post-image tfe" alt="csscompress01" title="" /></a>使用しているCSSを軽量化しようと探したて見つけたのが、無料のWEBサービス「CSS Compressor」。 「Compression Mode」を5つから選択し、「Compression Options」にチェックを [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://dl.dropbox.com/u/20040494/web/files/2009/12/csscompress01.gif" alt="csscompress01" width="450" height="176" class="alignnone size-full wp-image-128" /></p>
<p>使用しているCSSを軽量化しようと探したて見つけたのが、無料のWEBサービス「CSS Compressor」。<br />
「Compression Mode」を5つから選択し、「Compression Options」にチェックをお好みで入れて、「CSS Input」に圧縮したいCSSをペーストしたら最後に「Compress」ボタンを押すだけで、CSSを圧縮してくれる。<br />
<span id="more-127"></span><br />
CSSにもよるが僕の場合約30％のダイエットに成功した！<br />
あとは実際の表示をチェックするだけだが、ここでうまく表示できないようだったらコードを見るのではなく、圧縮モードやオプションを変更してみるといいのではないだろうか。</p>
<p>コードとしては見づらくなるので、元のファイルは残しておいて修正はそのファイルで行い、修正した後に「CSS Compressor」で圧縮という流れをオススメします。</p>
<p>→<a href="http://www.csscompressor.com/" target="blank">CSS Compressor</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.shiteki.info/web/tool/127.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.shiteki.info/web/tool/127.html" />
	</item>
		<item>
		<title>Web上で簡単にサイトマップなどが作成できるドローツール「Cacoo(カクー)」</title>
		<link>http://www.shiteki.info/web/tool/123.html</link>
		<comments>http://www.shiteki.info/web/tool/123.html#comments</comments>
		<pubDate>Sat, 28 Nov 2009 05:55:09 +0000</pubDate>
		<dc:creator>shiteki</dc:creator>
				<category><![CDATA[ツール]]></category>

		<guid isPermaLink="false">http://www.shiteki.info/web/?p=123</guid>
		<description><![CDATA[<a href="http://www.shiteki.info/web/tool/123.html"><img align="left" hspace="5" width="150" src="http://dl.dropbox.com/u/20040494/web/files/2009/11/cacoo.jpg" class="alignleft wp-post-image tfe" alt="cacoo" title="" /></a>Cacoo(カクー)はWeb上で簡単にサイトマップやワイアーフレーム、UML、ネットワーク図などの図が作成できるドローツール。 利用は無料。 使い勝手もよくかつオンラインという作業環境を最大限にいかしてて複数人で同時に作 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://dl.dropbox.com/u/20040494/web/files/2009/11/cacoo.jpg" alt="cacoo" width="480" height="243" class="alignnone size-full wp-image-124" /></p>
<p>Cacoo(カクー)はWeb上で簡単にサイトマップやワイアーフレーム、UML、ネットワーク図などの図が作成できるドローツール。<br />
利用は無料。</p>
<p>使い勝手もよくかつオンラインという作業環境を最大限にいかしてて複数人で同時に作業ができるようにもなっており、リアルタイム更新でタイムラグもほとんどなくこれが無料か？と思わせる出来だ。</p>
<p>是非一度試してもらいたいツールの一つであることは間違いない。</p>
<p>→<a href="http://cacoo.com/" target="blank">Cacoo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.shiteki.info/web/tool/123.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.shiteki.info/web/tool/123.html" />
	</item>
		<item>
		<title>IE/Firefox/Safariで見た目を比べながらWebサイトを開発できる「Pirka&#039;r」</title>
		<link>http://www.shiteki.info/web/tool/117.html</link>
		<comments>http://www.shiteki.info/web/tool/117.html#comments</comments>
		<pubDate>Tue, 06 Oct 2009 00:18:17 +0000</pubDate>
		<dc:creator>shiteki</dc:creator>
				<category><![CDATA[ツール]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[firefox.IE]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://www.shiteki.info/web/?p=117</guid>
		<description><![CDATA[<a href="http://www.shiteki.info/web/tool/117.html"><img align="left" hspace="5" width="150" src="http://dl.dropbox.com/u/20040494/web/files/2009/10/prrkar.jpg" class="alignleft wp-post-image tfe" alt="prrkar" title="" /></a>「Pirka&#8217;r（ピリカル）」はさまざまなWebブラウザーで共通の見栄え・動作を実現する“クロスブラウザ”対応Webサイトの開発を支援するソフトだ。 主な仕様 ・CSSがWeb標準に準拠して記述されているかチ [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://dl.dropbox.com/u/20040494/web/files/2009/10/prrkar.jpg" alt="prrkar" width="480" height="205" class="alignnone size-full wp-image-118" /></p>
<p>「Pirka&#8217;r（ピリカル）」はさまざまなWebブラウザーで共通の見栄え・動作を実現する“クロスブラウザ”対応Webサイトの開発を支援するソフトだ。</p>
<h3>主な仕様</h3>
<p>・CSSがWeb標準に準拠して記述されているかチェックすることができます。<br />
・HTML/CSS/JavaScriptにブラウザに依存する記述がないかチェックすることができます。<br />
　(このチェックを利用するにはサーバアプリケーションが必要です。)<br />
・一つのページを複数のブラウザで同時に表示し、各ブラウザを起動して確認する面倒な作業から解放します。<br />
　（利用OSごとに表示可能ブラウザは異なります）<br />
・多機能エディタで編集・保存した内容を自動でマルチブラウザビューに反映し、各ブラウザをリロードする作業から開放します。<br />
・HTML/CSS/JavaScriptのエディタです。「コード補完」、「シンタックスハイライト」、「構文チェック」などの便利な機能があります。<br />
・指定URLのサイトのコンテンツを収集します。階層指定も行えます。<br />
<span id="more-117"></span><br />
＜ダウンロード＞<br />
→<a href="http://pirkar.ashikunep.org/" target="blank">オフィシャルサイト</a></p>
<p>＜ネタ元＞<br />
→<a href="http://www.forest.impress.co.jp/docs/news/20091001_318770.html" target="blank">窓の杜</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.shiteki.info/web/tool/117.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.shiteki.info/web/tool/117.html" />
	</item>
	</channel>
</rss>

