[JS]ナビゲーションを最上部に固定し、各セクションにアニメーションでスクロール移動させるスクリプト -SMINT | コリス

2013/06/10 170 users jQuery コリス スクロール スクリプト ナビゲーション

スクロールしてもナビゲーションが最上部に配置され、各セクションにアニメーションのスクロールで移動するナビゲーションを実装するjQueryのプラグインを紹介します。 最近の1ページで構成されたウェブサイトでよく見かけますね。 SMINT SMINTのデモ SMINTの使い方 SMINTのデモ デモは別に用意されていますが、SMINTのページ自体にも適用されています。 デモは、下記よりどうぞ。 デモペ... 続きを読む

アイデア満載！レスポンシブ対応のナビゲーションを実装するチュートリアルのまとめ | コリス

2013/03/03 244 users コリス jQuery チュートリアル CSS ナビゲーション

デスクトップ、タブレット、スマートフォン、それぞれに適した表示にするナビゲーションを実装するチュートリアルを紹介します。 CSSで、JavaScript併用、jQueryのプラグインで簡単実装など、いろいろあります。 Animenu デモページ 左：デスクトップ、右：スマフォ CSS、アニメーションで開閉するドロップダウン型。 CSS: Responsive Navigation Menu デモペ... 続きを読む

[JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js | コリス

2012/05/15 78 users コリス インクルード jQuery セレクタ エレメント

グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリプトをインクルード。 親エレメントをjQueryのセレクタで指定し、スクリプトを実行。 下記に、デモペ... 続きを読む

iTunesのカバーフロー風ＵＩをJavaScriptで実現「ProtoFlow」:phpspot開発日誌

2008/03/12 234 users iTunes phpspot開発日誌 JavaScript

ProtoFlow first preview release… :: Deensoft I got busy with few other client work and didn’t really get any chance to polish up the ProtoFlow widget. iTunesのカバーフロー風ＵＩをJavaScriptで実現「ProtoFlow」。 まずはデモペ... 続きを読む