言語・開発・勉強

HTMLコードをリアルタイムで表示確認!!スマホなどでも確認できるWebサービス 『Snap Tomato』

書いたHTMLをリアルタイムで別のタブ、端末

スマホなどで表示確認ができるWebサービス

ほぼリアルタイムで反映するので

CSSやテーブルの表示確認などが可能です

snaptomato4

Snap Tomato リンク先はこちらから

snaptomato1

上記リンク先ページを開き

「use snap tomato now」をクリックすれば

編集画面に移動します

snaptomato6

HTML編集画面が表示されます

ここでHTMLコードを記述して

「REALTIME PREVIEW」をクリックすれば

リアルタイムでHTMLコード実行結果を

画面表示してくれます

その際のURLアドレスを別端末やスマホなどでも

開けます

snaptomato2

別タブで開くとこんな感じで見る事が可能です

ほぼリアルタイムで反映してくれます

snaptomato3

スマホで開くとこんな感じ

snaptomato5

画面の表示確認や練習にも最適です

PCでコードを記述して、スマホをサブ画面で

表示確認などなかなか便利な時代になりました

関連記事

  1. 言語・開発・勉強

    HTML5・Canvasの勉強に最適!! 髪の毛をシミュレーションした描画 『Hair』

    ライブコーディングできる「CodePen」に面白いシミュレーションが公…

  2. 言語・開発・勉強

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

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

  3. 言語・開発・勉強

    ゲーム感覚でObjective-Cを学習!? 初めての言語学習にいいかも 『Try Objectiv…

    プログラム言語Objective-Cをゲーム感覚で課題をクリアしていく…

コメント

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

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

PAGE TOP