言語・開発・勉強

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

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

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

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

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

codeplayer1

TheCodePlayer リンク先はこちらから

3

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

codeplayer2

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

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

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

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

関連記事

  1. 言語・開発・勉強

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

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

  2. 言語・開発・勉強

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

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

  3. 言語・開発・勉強

    60以上のプログラム言語をブラウザ上で実行できるWebサービス 『Ideone』

    ブラウザ上で60以上のプログラム言語を実行テストできるWebサ…

  4. 言語・開発・勉強

    BMIやローン返済・電気料金の計算など様々な計算が出来るCasioのネットサービス Keisan

    生活に役立つローンの計算や体重やBMIの計算こよみの計算など日…

コメント

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

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

PAGE TOP