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

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

事ができるChrome拡張機能

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

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

codecola61

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

インストール

codecola1

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

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

codecola2

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

アイコンが追加されます

レビュー

codecola3

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

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

codecola4

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

クリックします

codecola5

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

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

codecola6

TextShadowを使ってみたいけど

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

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

  • コメント: 0

WordPressテーマを価格やスタイルなどで条件検索できるWebサービス 『ThemeBro』前のページ

不景気な話題をピックアップしたニュースサイト 『不景気ニュース』 経済が見えてくる!?次のページ

関連記事

  1. Chromeツール

    開き過ぎたタブを検索でサクッと切替できるChrome拡張機能が便利 『Fast Tab Switch…

    大量に開きすぎたタブからページタイトルやURLで検索可能なCh…

  2. Chromeツール

    Chromeのブックマークをシンプルなツリー形式で表示してくれる拡張機能 『Neater Bookm…

    Chromeのブックマークをシンプルにツリー形式で表示してくれる拡張機…

  3. Chromeツール

    Chromeをオシャレに!! スクロールバーのデザインを変更できる拡張機能 『Rescroller』…

    Chromeのスクロールバーのデザインを変更できる拡張機能この…

  4. Chromeツール

    URLを自動で書き換えて転送してくれるChrome拡張機能 『Redirector』

    指定したURLを自動で書き換えて転送してくれるChrome拡張…

  5. Chromeツール

    見やすい!! Chromeのタブを縦に並べてくれるChrome拡張機能 『Go to Tab』

    Chromeのズラッと並んだタブを一覧リストで縦に並べてくれる…

コメント

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

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

最近の記事

PAGE TOP