タグ デモペ
人気順 5 users 10 users 100 users 500 users 1000 users[JS]ナビゲーションを最上部に固定し、各セクションにアニメーションでスクロール移動させるスクリプト -SMINT | コリス
スクロールしてもナビゲーションが最上部に配置され、各セクションにアニメーションのスクロールで移動するナビゲーションを実装するjQueryのプラグインを紹介します。 最近の1ページで構成されたウェブサイトでよく見かけますね。 SMINT SMINTのデモ SMINTの使い方 SMINTのデモ デモは別に用意されていますが、SMINTのページ自体にも適用されています。 デモは、下記よりどうぞ。 デモペ... 続きを読む
アイデア満載!レスポンシブ対応のナビゲーションを実装するチュートリアルのまとめ | コリス
デスクトップ、タブレット、スマートフォン、それぞれに適した表示にするナビゲーションを実装するチュートリアルを紹介します。 CSSで、JavaScript併用、jQueryのプラグインで簡単実装など、いろいろあります。 Animenu デモページ 左:デスクトップ、右:スマフォ CSS、アニメーションで開閉するドロップダウン型。 CSS: Responsive Navigation Menu デモペ... 続きを読む
[JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js | コリス
グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリプトをインクルード。 親エレメントをjQueryのセレクタで指定し、スクリプトを実行。 下記に、デモペ... 続きを読む
iTunesのカバーフロー風UIをJavaScriptで実現「ProtoFlow」:phpspot開発日誌
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のカバーフロー風UIをJavaScriptで実現「ProtoFlow」。 まずはデモペ... 続きを読む