ホントに助かるフリーのcssジェネレーターいろいろ

Ads

css-generator
使えるcssのオンラインサービスが
50個、Speckyboyで記事にされていた
のでよさ気なものをいくつかご紹介します。
全部良さそうなので気になる方はぜひ
記事元を訪れてみてください。

日本語のテキストで作成できるcssメニュージェネレーターは本当に助かります。

Grid Designer 2

css-generator01
細かい設定を行えてすぐに反映されるグリッドシステム。

Grid Designer 2

nP: Grid Generator

css-generator02
グリッドを作成すると、cssのソースも出してくれます。

nP: Grid Generator

Dynamic 4 Column Layout Generator

css-generator03
これ面白い。4カラム専用のレイアウトジェネレーター。設定と同時に反映、
cssもDL(コピペ)出来ます。

Dynamic 4 Column Layout Generator

XHTML/CSS Markup Generator

css-generator04
cssとHTMLを作成できます。まずはInsert sample dataで
入力方法を見てみると使い方が分かるかと思います。

XHTML/CSS Markup Generator

13 Styles – CSS Menu Generator

css-generator11

クオリティの高いcssメニューがいくつか配布されています。

13 Styles – CSS Menu Generator

CSS Menu Builder

css-generator05

水平、縦列、パンくずのcssを作成できます。結構使える。

CSS Menu Builder

Pure CSS Menu.com

css-generator06
画像のようなcssメニューをオンラインで生成。ライトで見やすいですね。

Pure CSS Menu.com

CSS Menu Generator

css-generator07
既存のcssメニューをテキストやリンクの変更できます。何より
テキストが日本語OK!これは嬉しいのではないでしょうか?
css-generator07a

CSS Menu Generator

CSS Portal

css-generator08
クオリティの高いcssメニューをカスタマイズできます。
こちらも日本語対応。

CSS Portal

CSS Sprite Generator

css-generator09
複数の画像を結合してcssを吐き出します。多言語対応なので
英語に抵抗がある方も気軽に使えるかと思います。

CSS Sprite Generator

CSS Type Set

css-generator10
テキストの行間(line-height)、単語の間隔(word-spacing)、
文字間隔(letter-spacing)を設定、リアルタイムで反映されます。
サンプルテキストを日本語で確認出来るのが嬉しいですね。

CSS Type Set

11個ほどご紹介しました。まだまだあります。興味のある方は以下よりどうぞ。

50 Useful Tools and Generators for Easy CSS Development