<p class="thumb"><img src="http://web-marketing.zako.org/wp-content/uploads/2009/06/easy-css-styler.jpg" alt="テキストのCSSをカンタンに一括で作れる便利サービス" title="テキストのCSSをカンタンに一括で作れる便利サービス" width="514" height="204" class="alignnone size-full wp-image-6486" /></p><p>WEBデザインに慣れていないと、テキスト部分のデザインをバランス良く行うのになかなか苦労するのでは？</p><p>今回は、そんなテキストのスタイルを一括でプレビューしながら作成できるサービスをご紹介。</p><!--more--><h3 class="header-label">テキストのCSSをカンタンに一括で作れる便利サービス</h3><p>「Easy CSS Styler」は、<strong>ヘッダーや見出し、そしてテキストリンク部分のCSSをバランスを見ながら一括で作成できる</strong>便利サービス。</p><p>カラーピッカーで色を探りつつ、その場でテキストのプレビューに反映されるので、バランスの調整が便利に行えます。ピッカー上でダブルクリックすれば、色を確定できます。</p><p><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/Siksjy0xhPI/AAAAAAAAYAs/2tvPxk22m3A/s400/easy-css-styler1.jpg" /><br />↑カラーピッカーで色を変更すると、リアルタイムにプレビューへ反映されます。</p><p><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SiksVViBrfI/AAAAAAAAYAo/p2l4kD57H1M/s400/easy-css-styler3.jpg" /><br />色を変更する部分をここで変更できます。↑</p><p><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SikskAiWzyI/AAAAAAAAYAw/Oogo0PQ7KrI/s400/easy-css-styler2.jpg" /><br />↑最後に class と id を変更してクリップボードにコピー、またはダウンロードすれば取得できます。</p><p>興味のある方はEasy CSS Stylerへどうぞ。</p><p>テキストのプレビュー用フォーマットが用意されている分、ホームページビルダーや、Dreamweaver などを使うよりも、バランスを考えながら色を決めることが出来るのではないでしょうか。こういった手軽なツールはうれしいですね。</p><p>Via：<a class="website-link" href="http://delicious.com/url/e3ca4877e47f67320247cbb5bfe7beb8" onclick="window.open('http://delicious.com/url/e3ca4877e47f67320247cbb5bfe7beb8'); return false;">delicious</a></p>