言語・開発・勉強

HTML5の勉強に最高!! リアルタイムにコード変更してみる事が出来るWebサービス TheCodePlayer

用意されたサンプルを見ながらコードをいじったりすると

リアルタイムに反映する面白いWebサービス

インタラクティブ作品や実用的な画像表示方法など

HTML5やCSS3を使った面白いサンプルを勝手に触る事が出来ます

codeplayer1

TheCodePlayer リンク先はこちらから

3

サンプルがいくつか用意されていて遊んでみたいサンプルをクリックします

codeplayer2

HTML部分、JS部分、CSS部分とそれぞれコードが表示されていて

このコードを変更するとリアルタイムに右側が反映されます

サンプルからコードを変更して遊んでみる事も出来ますし

HTML5などの勉強に非常に参考になると思います

関連記事

  1. 言語・開発・勉強

    HTMLをWebで練習!! コードを即座にプレビューできるWebサービスが便利 『PLAYCODE』…

    通常はHTMLコードを書いてアップロードして確認して~という流…

  2. 言語・開発・勉強

    分かりやすい!! WebでHTML学習をプレビューしながらできるWebサービス 『Dash』

    出題をスライドショーで見ながらコード入力リアルタイムでプレビュ…

  3. 言語・開発・勉強

    こりゃ面白い!! 遊ぶ間隔でプログラムを理解できるWebサービス 『Scratch』

    プログラムって何!?と普段パソコンを使っている方でも思う方も多…

コメント

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

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

PAGE TOP