jQueryをナイスにナビゲーションに活用したサイト集
2009年01月08日-![はてなブックマーク](http://b.hatena.ne.jp/entry/image///phpspot.org/blog/archives/2009/01/jquery_7.html)
スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
8 Sites with Excellent jQuery Navigation | Build Internet!
jQueryをナイスにナビゲーションに活用したサイト集。 jQueryを巧みに活用して、JavaScript で本当に出来ているの?と思ってしまうほどのサイト集です。jQueryをうまく使う際の参考にできそう。
Carrot Creative
一見、普通のHTMLサイトですが、ヘッダーのメニューをクリックすると・・・
色々なところが凝っていて参考になる上、動きが楽しい。
Aviary
角丸ドロップダウンメニューがカッコいい。アニメーションなどの仕掛けも。
WP Coder
一部画面遷移を同一画面内ポップアップ表示
Matt Dempsey
内容がスライドのようにダイナミックに切り替わる
Bright Creative
画面内をクールにスライドさせるUI
全部見る
フルスクラッチでこれだけのインタフェースを作るのは大変ですが、jQueryの力によって比較的簡単に作れているようです。 こういう秀逸なサイトのソースコードが一番の教科書になりそう。
関連エントリ ●便利なjQueryプラグインいろいろ ●サイトにマウスジェスチャー機能を追加する﹁jQuery-gestures﹂ ●jQueryよりも便利?mooToolsの便利プラグイン集 ●jQueryでAjaxファイルアップロードするためのライブラリ 関連の記事検索‥jQuery, UI, Webデザイン
jQueryをナイスにナビゲーションに活用したサイト集。 jQueryを巧みに活用して、JavaScript で本当に出来ているの?と思ってしまうほどのサイト集です。jQueryをうまく使う際の参考にできそう。
Carrot Creative
![](http://phpspot.org/blog/img/d/origin/f_a/fabb7131b4b459253cbb366493143cfc.jpg)
Aviary
![](http://phpspot.org/blog/img/d/origin/5_0/50d439647d821749d1819959fa2cadce.jpg)
WP Coder
![](http://phpspot.org/blog/img/d/origin/8_f/8f0a3a26e84a2d5f5ea2f63bd7d5eecc.jpg)
Matt Dempsey
![](http://phpspot.org/blog/img/d/origin/4_0/4053ee8877c117d201253539a4ff6b7c.jpg)
Bright Creative
![](http://phpspot.org/blog/img/d/origin/c_a/cac63e998f29a98125608a396e446de0.jpg)
全部見る
フルスクラッチでこれだけのインタフェースを作るのは大変ですが、jQueryの力によって比較的簡単に作れているようです。 こういう秀逸なサイトのソースコードが一番の教科書になりそう。
関連エントリ ●便利なjQueryプラグインいろいろ ●サイトにマウスジェスチャー機能を追加する﹁jQuery-gestures﹂ ●jQueryよりも便利?mooToolsの便利プラグイン集 ●jQueryでAjaxファイルアップロードするためのライブラリ 関連の記事検索‥jQuery, UI, Webデザイン
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ