Web Service

これは凄い!色んなCSSを生成してくれるジェネレーター「Generate CSS」

Generate CSSというジェネレーターが凄かったのでご紹介します。ボタン、テキストエフェクト、角丸、グラデーションなどといった色んなCSSを生成することができます。出来上がったらコードを取得してコピペするだけという手軽さがいいですね。

[ads_center]

Generate CSSの使い方

Generate CSS

CSS + CSS3 Generator | Generate CSS

自分が生成したいCSSを選択して、調整していくだけでカスタマイズできます。以下はボタンの調整画面。

ボタンの調整画面

調整後はPreviewをクリックするとプレビューが表示されて確認することができます。

完成したらGet CodeからCSSコードを取得できます。

PreviewとGet Code

ほんと、たくさんの種類のCSSが用意されていて凄いです。

Generate CSS

というわけで、色んなCSSを生成できるジェネレーター「Generate CSS」のご紹介でした。

Responsive Full Width Tabsレスポンシブなタブパネルを実装できる「Responsive Full Width Tabs」前のページ

Google Chromeで指定した複数タブをまとめて閉じるショートカットキー次のページChromeの複数タブをまとめて閉じるショートカットキー

関連記事

  1. FRAME

    Web Service

    iPhoneやMacにスクリーンショットを埋め込んで画像作成できるツール「FRAME」

    FRAMEというとても便利なツールを使ってみました。iPhone、iP…

  2. Web Service

    かっこいいボタンやフォーム、かわいいリボンなんかが作れるCSSジェネレーター「Live Tools」…

    とても簡単にかっこいいボタンやフォームが作れちゃうCSSジェネレーター…

  3. Web Service

    ワイヤーフレームを作成するCacoo(カクー)がとても便利

    Cacooを使ってワイヤーフレームを作ってみました。CacooとはWe…

  4. Web Service

    レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

    レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Resp…

  5. Web Service

    CSSで簡単に三角形を作ってくれるChrome拡張機能「CSS三角形作成ツール」

    ちょっと面白かったのでご紹介します。Chromeの拡張機能で、CSSで…

  6. CSSViewer

    Web Service

    マウスを乗せた場所のCSSコードを気軽に確認することができるChrome拡張機能「CSSViewer…

    とても便利そうだったので使ってみました。マウスを乗せた場所のCSSコー…

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP