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

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

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

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

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

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

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

codecast4

CODECAST リンク先はこちらから

codecast1

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

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

codecast2

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

少し触って遊んでみます

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

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

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

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

codecast3

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

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

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

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

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

  • コメント: 0

知ってました? フライトチケットも検索できるGoogle検索 『Google Flight』前のページ

あの「ウォーリーを探せ」がマピオン地図上で遊べるWebサービス 『ウォーリーマピオン地図へおでかけ!』次のページ

関連記事

  1. 言語・開発・勉強

    ゲーム感覚でJavaScriptを学べるWebサービス 『JSRobot』 コードを書いて楽しめる

    ロボットをコードで操作してゴールを目指すプログラミングが学べる…

  2. 言語・開発・勉強

    シンセサイザーの音の仕組みを勉強・演奏もできるWebサービス 『Learning Synths』

    シンセサイザーの音の仕組み、各種パラメータなど基本を初心者でも…

  3. 言語・開発・勉強

    連想、類義語を検索表示してくれるWebサービスが面白い 『連想類語辞典』

    言葉が思いつかない時やもっと簡単に言葉を使いたい、的確な言葉を…

  4. 言語・開発・勉強

    30秒でどれだけ暗算できるかを競えるWebサービス 『Speedsums』

    たった30秒で何問暗算を解けるかを競えるWebサービス…

コメント

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

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

最近の記事

PAGE TOP