HTML5、CSS3の技術を堪能できるWebサービス 『the expressive web』



最近よく聞くHTML5やCSS3といった技術

このブログでもその技術が楽しめるWebサービスを

ご紹介していますが、このWebサービスは

HTML5やCSS3の技術でどんな事が出来るかという

リファレンス的なご紹介です

expressiveweb6

the expressive web リンク先はこちらから

expressiveweb1

ページ内は英語になっていますが

大まかな技術、どんな事が出来るかは理解出来ます

動画やFlashでは無くリアルタイムで動作しています

expressiveweb2

グラデーションなど視覚コントロールも簡単な様です

expressiveweb4

CSS3のShadowを使った技術

リアルタイムで影の生成が可能な様です

expressiveweb5

一番よく目にする技術Canvas

リアルタイムでブロック崩しが出来ます

ブラウザ上でここまで出来るようになったと感心です

expressiveweb3

それぞれの技術は対応ブラウザや

簡単なコードも記述されていますので

参考になると思います

Web技術に興味のある方は

覗いてみては如何でしょうか

  • コメント: 0

関連記事

  1. 言語・開発・勉強

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

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

  2. 言語・開発・勉強

    CSSやHTML5などの各ブラウザの対応表 Web制作時などに参考になります When Can I …

    CSSやHTML5など全てのブラウザ等が対応していれば問題ないのですが…

  3. 言語・開発・勉強

    HTML5・Canvasの勉強に最適!! 髪の毛をシミュレーションした描画 『Hair』

    ライブコーディングできる「CodePen」に面白いシミュレーションが公…

コメント

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

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

最近の記事

PAGE TOP