言語・開発・勉強

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

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

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

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

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

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

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

codecast4

CODECAST リンク先はこちらから

codecast1

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

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

codecast2

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

少し触って遊んでみます

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

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

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

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

codecast3

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

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

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

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

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

関連記事

  1. 言語・開発・勉強

    Web上で本格的な数式やグラフ作成が可能なWebサービス 『Mathcha』

    Web上で数式やグラフなどを描く事ができる Webサービス 配列や…

  2. 言語・開発・勉強

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

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

コメント

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

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

PAGE TOP