HTML5で制作された、すごいサイト

2013.01.26

初めまして。北九州支社勤務のHTML・Javascriptコーダーの増本幸子です。

現在、私が気になっている『HTML5』サイトをいくつかご紹介したいと思います。

まずは、こちら。
HTML5でここまで出来るとは…と思ったサイトです。

8bitカラーアニメーションのデモサイトになります。
とにかく、すごいの一言です！
HTML5から実装の『canvas』と『JavaScript』で作っているそうです。
絵だけではなく、アニメーション、サウンド付には驚きました！

次にご紹介させていただくのは、ブラウザ上で書道が出来るコンテンツです。

日本の心ですね^^
こちらもHTML5の『canvas』と『JavaScript』での制作となるようです。
トップの『Write』より、書道を体験できます。
書いたものをTwitterやFacebookに上げる事も出来ますので、
ご自分の腕前を披露してみては！？

次は、とてもキレイで華やかなサイトのご紹介です。

『canvas』『JavaScript』『CSS3』など、様々な方法で花火を打ち上げています。
こちらは投稿型なので、それぞれのソースを見る事もできます。また、投稿する事もできます。
お祭りシーズンとかに、こういうのをコンテンツとして制作してみるのも良いかもしれませんね^^

最後にこちら、飛び出す絵本となります。

絵本を横方向にドラッグすると、飛び出す絵本の表現そのままに、次のページが表示されます。
絵本の中のふよふよ浮いている『＋』をクリックすると、上方向から覗けます。
こちらは、『JavaScript』『CSS3』で制作されているようです。

まだまだ、すごいサイトが伝えきれない程ありますので、また今度ご紹介します。

私も更なる勉強を重ねて、いつかは、こういったコンテンツを作ってみたいものです。

投稿者：sachiko

前の記事次の記事

最近のブログ記事