css作成時に役立つオンラインサービス11個

Ads

css-generator00

cssの作成やデザイン、不要な
セレクタを取り去ってくれるなど、
cssの作成、最適化に役立つ
オンラインツール、ジェネレーターを
ご紹介いたします。基本的に無料です。
こういうサービスは凄く助かります。

The Box Office

css-generator
画像の周りを無駄なくテキスト配置してくれます。以下のような感じ。

css-generator01a

リンク→The Box Office

IzzyMenu

css-generator02
オンラインでメニューを作成できます。これ、結構いいです。軽いですし。

css-generator02a
Menu Animation!をonにするとAjaxタイプになります。

リンク→IzzyMenu

CSS Type Set

css-generator03
リアルタイムでcssによる実装されたテキストを確認しながら成形可能です。

css-generator03a

リンク→CSS Type Set

CSS Builder

css-generator04
オンラインでcssを作成できます。オーソドックスな感じですね。

css-generator04a

リンク→CSS Builder

CSS SuperScrub

css-generator05
使用しているcssの要らない要素を抜いて軽量化してくれます。

css-generator05a

リンク→CSS SuperScrub

CSS Redundancy Checker

css-generator06
使っていないセレクタを教えてくれます。

css-generator06a

リンク→CSS Redundancy Checker

Typechart

css-generator07
視認性を確認して気にいったテキストのcssをコピペして使えます。

css-generator07a

リンク→Typechart

CSS generator

css-generator08
日本のcssジェネレーターです。最初にcssのテンプレートを選択してからカスタムします。

css-generator08a
細かいところまで作成できます。日本語も分かりやすい。

リンク→CSS generator

たぬきのしっぽ

css-generator09
オンラインのcssエディタです。HTMLを入れてからcssを編集します。

css-generator09a

リンク→たぬきのしっぽ

Movable Type Style Generator

css-generator10
MTのcssジェネレーターです。カラム選択からスタートです。

css-generator10a
変更したい部分をクリックするとツールが出てきます。

リンク→Movable Type Style Generator

CSSez

css-generator11
MTやWP他、日本国内のブログのcssの作成をオンラインで行えます。
cssezに関しては以前エントリしたのでご覧下さい。
参照:WordPressのテーマを手軽に作成する国産ジェネレーター・Cssez

これをプログラミング暦1年ほどの大学生が1ヶ月で作成した
と言うのだから驚きです。海外でも良く紹介されてますね。

リンク→CSSez

オンラインのcssジェネレーターは山ほどあるのですが、一応簡単に使えそうなものを
ピックアップしてみました。使えそうなものがあれば幸いです。