[CSS]有名サイトのデザインを再現したページナビゲーションの24の実装例
Deviant-Art.orgから、Yahoo!やFlickrやYouTubeなどで使用されていた新旧のデザインを再現したものやオリジナルデザインのものなど、ページナビゲーションの24の実装例を紹介します。
各ページナビゲーションはspanで実装されており、画像は一部のものに背景画像として使用されています。
Post on:2008年10月23日
Recnet Entry
- 全36種、紙やノートの端が少しめくれたPhotoshop用のPSD素材
- [CSS]疑似要素のカラー指定をインラインで行いたい場合のテクニック
- [JS]美しい曲線を使ったチャート・グラフが描けるHTML5 Canvasを使ったスクリプト -Flotr2
- 全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
- CSS3ビギナーでも分かりやすく解説された、ユーザーが使いやすいボタンを実装するチュートリアル
- プレゼンや企画書にも使える、データをグラフなどのビジュアルで魅せるベクター素材 -Infographic Vector Kit
- あそび心をくすぐられる、何かが隠されたロゴデザインのまとめ
- jQuery Mobileで何ができるのか、どうやったらできるのかを学べる一冊 -jQuery Mobile スマートフォンサイト デザイン入門
- [CSS]これは使ってみたい、繊細で美しいツールチップを実装するチュートリアル
- 納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー
- CSS3をサポートしていないブラウザでどのように見えるか簡単に確認できるブックマークレット -deCSS3
- [CSS]1ページで構成されたウェブサイトで使える、かっこいいCSS3アニメーションのテクニック
- [JS]カスタマイズも豊富なマッピングコンテンツを作成するスクリプト -jQuery Geo
- 最近リリースされた高品質なフリーのデザインフォント -2012年1月
- [CSS]アニメーションを伴った画像ギャラリーをCSS3で実装するチュートリアル
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年2月 (13)
- 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