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



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

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

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

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

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

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

codecast4

CODECAST リンク先はこちらから

codecast1

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

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

codecast2

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

少し触って遊んでみます

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

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

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

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

codecast3

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

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

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

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

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

  • コメント: 0

関連記事

  1. 言語・開発・勉強

    人気言語 RubyをWeb上で実行してあれこれ勉強できるWebサービス 『run.rb』

    プログラミング言語RubyをWeb上で実行して出力結果を見る事がで…

  2. 言語・開発・勉強

    スゴイ!! CSS3で作られたアニメーションがWebの可能性を広げてくれそう

    CSS3で作られた様々なアニメーションを体験できるWebサイトをご紹介…

  3. 言語・開発・勉強

    Youtube動画でタイピング!? 歌詞に合わせてタイピングする「Typing Tube」 む、難し…

    Youtubeの動画や音楽に合わせて歌詞をタイピング出来るWebサービ…

コメント

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

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

最近の記事

PAGE TOP