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でコードを記述して、スマホをサブ画面で

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

  • コメント: 0

関連記事

  1. 言語・開発・勉強

    70以上のプログラム言語をオンラインで実行可能なWebサービス 『compileonline』

    オンラインで70以上もの言語を実行可能なWebサービスちょっと…

  2. 言語・開発・勉強

    CSSやHTML5などの各ブラウザの対応表 Web制作時などに参考になります When Can I …

    CSSやHTML5など全てのブラウザ等が対応していれば問題ないのですが…

  3. 言語・開発・勉強

    ゲーム感覚でプログラミングの学習ができる親子で遊べるWebサービス 『lightbot』

    ロボットを操作してゲーム感覚でプログラミング学習ができるWebサー…

  4. 言語・開発・勉強

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

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

  5. 言語・開発・勉強

    WebGLで再現された水!! ブラウザ上で楽しめます 『WebGL Water』

    ブラウザ上でWebGL技術を使って再現したプール内の水が面白い…

コメント

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

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

最近の記事

PAGE TOP