言語・開発・勉強

練習に便利!! HTMLコードのプレビューをリアルタイムで見えるコードエディタ 『CODECAST』

HTMLやCSSのコードをリアルタイムで

プレビュー可能なWebサービス

今まではFTPでアップロードしたり

ブラウザで更新したりと結構面倒な作業でしたが

このWebサービスはコードを記述すれば

即座に反映して結果を見る事が出来ます

codecast4

CODECAST リンク先はこちらから

codecast1

まずはLaunch CODECASTをクリックして

コードエディタを起動します

codecast2

基本的なHTMLコードが記述されていますので

少し触って遊んでみます

リアルタイムに画面に出力されているのが分かります

昔はHTMLファイルを保存してFTPでアップロードして

ブラウザで更新して・・・という作業でしたが

こんな便利なツールがあるんですね

codecast3

複雑なテーブルなどもリアルタイムに反映します

CSSなども直接記述可能でDIV属性内に記述した

コードもしっかりと認識してくれました

これからホームページを作りたい、勉強しておきたい

という方は一度遊んでみては如何でしょうか

関連記事

  1. 言語・開発・勉強

    センスが必要!? Web上でグラデーションに並べるテストが面白い 『Online Color Cha…

    グラデーションになるように色を綺麗に並べていくテスト簡単だろう…

  2. 言語・開発・勉強

    WebGL技術がどんな物か分かるプレゼンなWebサービス 『Making WebGL Dance』

    ブラウザ上でインタラクティブに描画されるWebGL技術よく目に…

  3. 言語・開発・勉強

    面白い程簡単に楽しみながらJavaScriptが勉強できるネットサービス Learn to code…

    一つずつステップしながらJavaScriptが勉強できるネットサービス…

コメント

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

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

PAGE TOP