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

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

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

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

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

codeplayer1

TheCodePlayer リンク先はこちらから

3

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

codeplayer2

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

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

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

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

  • コメント: 0

美しいデスクトップを求めて #8 スタイリッシュデザイン前のページ

TwitterやFacebookなどから自分に興味のある情報を表示してくれるWebサービス Gunosy次のページ

関連記事

  1. 言語・開発・勉強

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

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

  2. 言語・開発・勉強

    NASAが公開した宇宙の写真集が素晴らしいぞ!! 『NASA’s Real-Life I…

    映画「ゼロ・グラビティ」のビジュアルエフェクト賞受賞という事で…

  3. 言語・開発・勉強

    5分~10分程度!! 無料でデザインのレッスンをゲーム感覚で学べるWebサービス 『chot.des…

    無料でデザインを学ぶことができるWebサービス。ゲーム感覚でレッス…

  4. 言語・開発・勉強

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

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

コメント

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

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

最近の記事

PAGE TOP