[B! メニュー] chihiyoのブックマーク

chihiyo id:chihiyo

メニューに関するchihiyoのブックマーク (4)

[JS]滑らかにスライドするナビゲーションを実装するチュートリアル
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li
chihiyo 2009/07/30
jquery

メニュー
リンク
ユーザーフレンドリーな優れたナビゲーション集
Smashing Magazineのエントリー「50のユーザーフレンドリーで美しいナビゲーション集」から、有用的で優れたナビゲーションをいくつか紹介します。 50 Beautiful And User-Friendly Navigation Menus 有用性のポイントやその効果については「ウェブデザインにおける効果的なコミュニケーションの取り方」を参照ください。 CSSベースのナビゲーション
chihiyo 2009/02/06
web制作

webデザイン

メニュー
リンク
[CSS]ボタンやナビゲーションを実装するスタイルシートのチュートリアル集
スタイルシートをベースに実装するボタンやナビゲーションのチュートリアルをinstantShiftを紹介します。 30 Excellent CSS Based Navigation and Buttons Tutorial ボタンを実装するチュートリアル集
chihiyo 2009/01/13
ボタン

メニュー

css

webデザイン

web制作
リンク
デザイン性に優れたCSSメニュー集:phpspot開発日誌
Hidden Pixels - Ultimate CSS Menus デザイン性に優れたCSSメニュー集。これは、と思うようなかっこいいＣＳＳメニューが特集されていました。 Professional drop-down Professional dropline Space Drop Down Menu Flyout hybrid menu Professional drop-down - shadow menu Brooke Case Drop Down Tech Radar mouseover tabs つい押したくなるようなメニューですね。参考にクールなメニューを作ってみましょう。関連エントリクールなナビゲーションメニューを作成するCSS＆HTMLサンプルアニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 J
chihiyo 2008/07/25
webデザイン

ボタン

メニュー
リンク
1