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



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

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

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

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

codeplayer1

TheCodePlayer リンク先はこちらから

3

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

codeplayer2

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

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

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

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

  • コメント: 0

関連記事

  1. 言語・開発・勉強

    プログラム言語の相関図が見れるWebサービス 『Programming Language Influ…

    プログラム言語の相関図が見れるWebサービスどの言語から作られ…

  2. 言語・開発・勉強

    無料でカメラの撮り方などが学習できるWebサービス  『カメラの学校』 一眼からスマホまで勉強

    カメラ選びから露光、ホワイトバランス、風景の撮り方などカメラの事は…

  3. 言語・開発・勉強

    ゲーム感覚でJavaScriptを学べるWebサービス 『JSRobot』 コードを書いて楽しめる

    ロボットをコードで操作してゴールを目指すプログラミングが学べる…

  4. 言語・開発・勉強

    WebGLで再現されたシンセサイザーの完成度がスゴイ!! 『Web Audio Synth V2』

    WebGL技術でブラウザ上で様々なWebページをご紹介しました…

  5. 言語・開発・勉強

    HTML5の勉強が出来る!! HTML5ゲームが遊べるサイト 沢山のゲームが投稿されコードまで確認出…

    ブラウザで遊べるHTML5で作られたゲームを遊ぶことが出来るネットサー…

コメント

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

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

PAGE TOP