[CSS]スタイルシートで実装するドロップダウン型のナビゲーション
スタイルシートで実装するドロップダウン型のナビゲーションをJanko At Warp Speedから紹介します。
Create dropdown menus with CSS only
demo
ナビゲーションはリスト要素で実装されており、CSSオフ時は下記のようになります。
CSSオフ時の表示
対応ブラウザはIE7+, Fx, Op9+, Safariとなっています。
Post on:2009年6月22日
Recnet Entry
- この作りこみはスゴすぎる、かわいくて美しいテクスチャ素材 -Missesglass
- [JS]高性能で設置も簡単、ブラウザ枠いっぱいに背景画像を配置するスクリプト -bgStretcher
- [CSS]3ステップでマスターする、スマートフォンやデスクトップなど異なるサイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアル
- ウェブ制作者は持っていて損はないebook『Professional Web Design, Volume 2』が期間限定で無料ダウンロードできますよ
- 全36種、紙やノートの端が少しめくれたPhotoshop用のPSD素材
- [CSS]疑似要素のカラー指定をインラインで行いたい場合のテクニック
- [JS]美しい曲線を使ったチャート・グラフが描けるHTML5 Canvasを使ったスクリプト -Flotr2
- 全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
- CSS3ビギナーでも分かりやすく解説された、ユーザーが使いやすいボタンを実装するチュートリアル
- プレゼンや企画書にも使える、データをグラフなどのビジュアルで魅せるベクター素材 -Infographic Vector Kit
- あそび心をくすぐられる、何かが隠されたロゴデザインのまとめ
- jQuery Mobileで何ができるのか、どうやったらできるのかを学べる一冊 -jQuery Mobile スマートフォンサイト デザイン入門
- [CSS]これは使ってみたい、繊細で美しいツールチップを実装するチュートリアル
- 納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー
- CSS3をサポートしていないブラウザでどのように見えるか簡単に確認できるブックマークレット -deCSS3
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月 (17)
- 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