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拡張機能です

  • コメント: 0

関連記事

  1. Chromeツール

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

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

  2. Chromeツール

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

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

  3. Chromeツール

    閲覧サイトを円グラフ表示してくれるシンプルなChrome拡張機能 『Trackr』

    閲覧したサイトを訪問時間で円グラフで表示してくれるChrome…

コメント

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

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

最近の記事

PAGE TOP