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拡張機能 『くろむしゃべれっと』

    文字をなぞって選択するだけで自然な話し方で読み上げてくれるCh…

  2. Chromeツール

    ダウンロードの通知をしてくれるChrome拡張機能 『Download Notifier』

    いつの間にかダウンロード完了していたという事が無いように、ダウ…

  3. Chromeツール

    ハッカー気分に!? Webページ背景を黒くしてくれるChrome拡張機能 『Hacker Visio…

    Webページの画面を反転してハッカー気分が味わえるかも知れない…

  4. Chromeツール

    メールの署名などの定型文を登録していつでも挿入してくれるChrome拡張機能 Insert Text…

    定型文をあらかじめ登録しておけば、右クリックから即時にテキストを挿入し…

  5. Chromeツール

    CSSやJSを綺麗に整形して表示してくれるChrome拡張機能 『PrettyPrint』

    ソースコード内のCSSやJavaScriptを綺麗に整形して表…

コメント

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

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

PAGE TOP