最近はサイト上のアニメーション演出を見て、それがFlashで作られているか、JavaScriptで作られているか、
パッと見では分からないようなものばかりになってきています。

今回はFlashサイトのように見えて、サイト全体がJavaScript(ほとんどjQueryベース)で構成されているものを
20種類ほど集めているエントリー「20 Inspirational Flash like websites that uses Javascript」のご紹介。

20 Inspirational Flash like websites that uses Javascript | Webdevtuts

インターフェースから、ナビゲーションボタンをクリックした後の
アニメーション演出が凝っているものばかり。

画像を背景にフルスクリーンで敷いて、
見た目をダイナミックにしているものが多く見受けられます。

参考までにいくつか挙げてみると。。。

World of Merix Studio | Web Design Agency


World of Merix Studio | Web Design Agency

Professional Web Design & WordPress Theme Design by Orman Clark


Professional Web Design & WordPress Theme Design by Orman Clark

Lucino & Gene :: Abogados


Lucino & Gene :: Abogados

最近のこういったサイトは、
各コンテンツページへの切り替えを、ページごと遷移するというよりは
画面上をスクロールして特定位置に移動する手法が多くなっていますね。

この方法だとSEOやブックマークの問題が生じたりしてしまいますが
サイトの見せ方としてはおもしろくなるので、何かの機会にやってみたいところ。

Flashサイトに比べるとページの重さもさほど気になりませんが
まだ軽いとも言えない感じもしますが。。。

最近はJavaScriptがっつりのサイトを作成する機会が遠ざかっている気がするので
こういったサイトを見ていると、またいろいろ作ってみたくなります。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (0)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

JavaScriptのみでFlashサイト並みの演出をしているサイト集「20 Inspirational Flash like websites that uses Javascript」

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Book
  • jQuery Technical Note
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR