[CSS]有名サイトのデザインを再現したページナビゲーションの24の実装例
Deviant-Art.orgから、Yahoo!やFlickrやYouTubeなどで使用されていた新旧のデザインを再現したものやオリジナルデザインのものなど、ページナビゲーションの24の実装例を紹介します。
各ページナビゲーションはspanで実装されており、画像は一部のものに背景画像として使用されています。
Post on:2008年10月23日
Recnet Entry
- [CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック
- [JS]iOS向けのページ制作に役立つ便利機能がたくさん詰まったスクリプト -iOS.js
- [JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js
- シームレスに使える、布地ベースのざらっとした癒し系のパターン素材
- 商用利用も無料、美しいページレイアウトと細部まで作り込まれたUIエレメントが揃ったウェブデザイン用のPSD素材 -Blaz.
- [JS]Responsiveデザインに対応したフォームを作成するスクリプト -Ideal Forms
- [CSS]CSSリセットとは異なる、Normalize.cssの特徴や使い方などの解説 -About normalize.css
- [JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js
- [JS]ウェブページのUIエレメントにちょっとだけ便利な機能を加えるスクリプト -minjs
- [CSS]便利なセレクタの使い方が実例を見ながら学べる -CSS Selectors
- Photoshopのドロップシャドウの使い方をマスターするチュートリアル
- [CSS]ガラスに光があたったようなエフェクトをアニメーションで適用するスタイルシート
- [CSS]パラパラ漫画のように画像を次々に表示させるCSS3アニメーションを使ったスライドショー
- [JS]スライドを縦横斜めのダイナミックなスクロールで表示するスクリプト -Ascensor.js
- 水彩タッチの美しいエフェクトをウェブデザインに取り入れるチュートリアルのまとめ
Pickup Entry
- [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3
- [JS]jQueryのプラグイン33+1選 -2011年10・11月
- [JS]jQueryのプラグイン100選 -2011年総集編
- jQueryの日本語の解説サイトと国産のプラグイン集
- ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
- ウェブデザイナーとしてスキルアップするための20のメソッド
- 2010年、押さえておきたいウェブデザインのトレンド
- 2010年に備えて、知っておきたいウェブデザインのトレンド
- ワンパターンなウェブデザインから抜け出すための10のヒント
- ウェブサイトでやってしまいがちなユーザビリティのミス
- 黄金比をサイトのデザインに取り入れる簡単な３つの方法
- ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法
- Photoshopでつくるタイポグラフィのチュートリアル -Part19
- グラデーションをマスターするためのPhotoshopのチュートリアル集
- 印象に残る写真を撮るための10のポイント
- イメージアップに効果的なロイヤリティフリーの写真素材30選
- 商用サイトでも制限無しで利用できる無料の写真素材サイト集
- 漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版
- エクセルのデータを見やすくする5つの簡単なテクニック
- 見栄えがよく、分かりやすいエクセルのグラフを作成する5つの簡単なテクニック
- たった一晩で睡眠の周期を変える方法
- フェルメールやゴッホ、北斎など西洋・日本の名画を楽しめるサイト集
- ステキな文房具屋さんのリンク集
- オンラインで無料で聴ける、心と体を癒すサウンド集
- 英語が無料で学べる、フォローしたいTwitterのアカウント集
Archive by month
- 2012年5月 (23)
- 2012年4月 (40)
- 2012年3月 (39)
- 2012年2月 (41)
- 2012年1月 (32)
- 2011年12月 (37)
- 2011年11月 (40)
- 2011年10月 (45)
- 2011年9月 (52)
- 2011年8月 (46)
- 2011年7月 (42)
- 2011年6月 (51)
- 2011年5月 (46)
- 2011年4月 (45)
- 2011年3月 (33)
- 2011年2月 (43)
- 2011年1月 (40)
- 2010年12月 (48)
- 2010年11月 (52)
- 2010年10月 (54)
- 2010年9月 (47)
- 2010年8月 (59)
- 2010年7月 (49)
- 2010年6月 (43)
- 2010年5月 (35)
- 2010年4月 (48)
- 2010年3月 (53)
- 2010年2月 (51)
- 2010年1月 (45)
- 2009年12月 (65)
- 2009年11月 (38)
- 2009年10月 (49)
- 2009年9月 (58)
- 2009年8月 (35)
- 2009年7月 (69)
- 2009年6月 (78)
- 2009年5月 (66)
- 2009年4月 (59)
- 2009年3月 (75)
- 2009年2月 (72)
- 2009年1月 (78)
- 2008年12月 (65)
- 2008年11月 (67)
- 2008年10月 (69)
- 2008年9月 (57)
- 2008年8月 (74)
- 2008年7月 (81)
- 2008年6月 (61)
- 2008年5月 (64)
- 2008年4月 (83)
- 2008年3月 (76)
- 2008年2月 (65)
- 2008年1月 (55)
- 2007年12月 (54)
- 2007年11月 (70)
- 2007年10月 (99)
- 2007年9月 (109)
- 2007年8月 (52)
- 2007年7月 (21)
- 2007年6月 (13)
- 2007年5月 (6)
- 2007年4月 (18)
- 2007年3月 (24)
- 2007年2月 (22)
- 2007年1月 (28)
- 2006年12月 (29)
- 2006年11月 (32)
- 2006年10月 (33)
©2011 coliss