言語・開発・勉強

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. 言語・開発・勉強

    センスが必要!? Web上でグラデーションに並べるテストが面白い 『Online Color Cha…

    グラデーションになるように色を綺麗に並べていくテスト簡単だろう…

  2. 言語・開発・勉強

    WebGL技術でBMWを美しく再現したWebサービス 『BMW i8 – PLAYCAN…

    WebGL技術で再現したBMWを堪能できる宣伝のWebサービス…

  3. 言語・開発・勉強

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

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

  4. 言語・開発・勉強

    就活力が鍛えられる!?「時事・業界トレーニング」で日々のニュースを楽しく勉強出来る

    就活力が鍛えられる時事問題をゲーム感覚で学べるネットサービスリ…

コメント

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

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

PAGE TOP