あなたのWebライフを快適にしてくれそうなWebサービス(RSSRSS)などをご紹介します

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

カテゴリ » Webサービス, ジェネレーター

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


【ホントに助かるフリーのcssジェネレーターいろいろ】へのコメント 3

トラックバック

  1. ホントに助かるフリーのcssジェネレーターいろいろ at exちゃん second (wp)
  2. ホントに助かるフリーのcssジェネレーターいろいろ – かちびと.net « とっても! ちゅどん(雑記帳)
  3. 今週の管理人Bookmark (7/12-7/19) - ElectronicBrain is eating BreakFast

この記事のトラックバックとURL

URL:
TRB:

お気軽にコメントして下さい

*は必須です

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

コメント欄に画像を表示できます。 ココをクリックして画像のURLを入力してください。