Chromeツール

Chrome拡張機能版のCodePen!! ブラウザでHTMLやCSS、JSのテストができる『Web Maker』

ブラウザ上でHTMLやCSS、JavaScriptのテストが

できるChrome拡張機能

有名な所ではCodePenなどがありますが

こちらはオフラインでも使用可能です

webmaker7

Web Maker インストールはこちらから

 

インストール

webmaker1

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

「ADD TO CHROME」をクリックします

 

webmaker2

拡張機能を追加をクリックすると

インストール完了

 

webmaker3

Chromeにアイコンが追加されます

 

レビュー

webmaker4

左側がコード、右がプレビューとなっています

プレビューはリアルタイムに実行してくれます

 

webmaker5

補完機能もありサクサクと記述できます

 

webmaker6

コードのテストをしたい時などに便利な

Chrome拡張機能です

関連記事

  1. Chromeツール

    Chromeを便利に!! ショートカットキーを作れるChrome拡張機能 『Keyconfig』

    Chromeでオリジナルのショートカットキーを作成できるChr…

  2. Chromeツール

    Chromeのタブにスヌーズ機能!? 指定時間後にタブを開いてくれる拡張機能 『Tab Snooze…

    Chromeのタブにスヌーズ機能を付けれる使い方次第で便利な拡…

  3. Chromeツール

    ブックマークを3Dでオシャレに表示してくれるChrome拡張機能 『Speed Dial FVD』

    ブックマークや良く見るページを3Dにして表示してくれるChro…

  4. Chromeツール

    開いてるWebページのサーバがどの国にあるのかを教えてくれるChrome拡張機能 『Yet anot…

    開いてるWebページのサーバがどの国にあるのかを教えてくれる拡…

  5. Chromeツール

    地図上の距離や面積を測れるChromeアプリ 『Free Maps Ruler』

    GoogleMap上の距離や面積を測る事ができるChromeア…

コメント

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

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

PAGE TOP