Chromeツール

ページを見ながらCSSスタイルを調整できるChrome拡張機能 『Code Cola』

ページを見ながら直接レイアウトを調整して確認する

事ができるChrome拡張機能

CSSなどの記述に非常に便利で

確認して記述とWebページ作成が捗ります

codecola61

Chrome拡張機能 Code Cola インストール

インストール

codecola1

上記リンク先ページをChromeで開き

「CHROMEに追加」をクリックします

codecola2

追加でインストール完了です

アイコンが追加されます

レビュー

codecola3

CSS調整を見たいページにてアイコンを

クリックするとこの様な画面が表示されます

codecola4

CSS調整したい部分をページから指定して

クリックします

codecola5

あとはフォントなど様々なCSS機能を選択して

調整していくとページに反映されていきます

codecola6

TextShadowを使ってみたいけど

どんな感じだろう?という時でもサクッと確認ができます

CSSスタイル作成に非常に便利な拡張機能です

関連記事

  1. Chromeツール

    Web上の色調を調整する事ができるChrome拡張機能 『Color Enhancer』

    Web上の色調を調整する事ができるChrome拡張機能見にくか…

  2. Chromeツール

    カッコいいぞ!! Chromeの新しいタブに時間や天気予報を表示してくれる拡張機能 『Current…

    Chromeの新しいタブに時刻や天気予報をシンプルに表示してくれる拡張…

  3. Chromeツール

    便利!! コピーしたURLをワンクリックで開いてくれる拡張機能 『Pasty』 複数URLも一挙に表…

    クリップボード内のURLをワンクリックで開いてくれる拡張機能使…

  4. Chromeツール

    Chromeのタブを一覧表示してくれる拡張機能 タブ検索も出来る 『Tabman Tabs Mana…

    Chromeの上側のタブ表示を縦に一覧表示してくれる拡張機能沢…

  5. Chromeツール

    好きなサイトにホットキーを割り当てて表示してくれるChrome拡張機能 『SiteLauncher』…

    好きなHPやブログにホットキーを割り当てて簡単に表示できるサイ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP