ALL | NavnavCodePen Home Skeleton loading using only a few lines of CSS by HÃ¥vard Brynjulfsen
[JS]ユーザビリティã«é…æ…®ã—ãŸãƒ‰ãƒãƒƒãƒ—ダウン型ã®ãƒŠãƒ“ゲーションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
デザインも秀逸ãªãŒã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«é…æ…®ã—ã¦å¤§é‡ã®é …目を掲載ã™ã‚‹ãƒ‰ãƒãƒƒãƒ—ダウン型ã®ãƒŠãƒ“ゲーションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’Soh Tanakaã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Mega Drop Down Menus w/ CSS & jQuery demo ユーザビリティã§é…æ…®ã—ãŸãƒã‚¤ãƒ³ãƒˆã¯ã€ãƒ›ãƒãƒ¼æ™‚ã«ãƒ‰ãƒãƒƒãƒ—ダウンãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã¨ã®ã“ã¨ã§ã™ã€‚ ã“ã®å¾®å¦™ãªã‚¿ã‚¤ãƒŸãƒ³ã‚°ã®ãšã‚Œã¯ã€jQueryã®ãƒ—ラグイン「hoverIntentã€ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ãƒ‰ãƒãƒƒãƒ—ダウンã•ã‚Œã‚‹å„å階層ã¯ç•°ãªã‚‹ã‚«ãƒ©ãƒ æ•°ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã—ã¦ãŠã‚Šã€å…¨ã¦ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚
タブUI詳解
タブUIã®æ§‹é€ や特長ã€è¨ç½®ã®åˆ¤æ–ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã€å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã‚„機能ã®æ‹¡å¼µæ–¹æ³•ã€å®Ÿè£…例やスクリプト例をSmashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Module Tabs in Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ ※原文ã§ã¯ã€Œã‚¿ãƒ–モジュールã€ã¨ãªã£ã¦ã„ã¾ã™ãŒã€ã‚¿ãƒ–モジュールやタブUIã¨è¨˜è¼‰ã™ã‚‹ã¨ç…©é›‘ã«ãªã‚‹ãŸã‚ã€ã€Œã‚¿ãƒ–ã€ã¨ç•¥ã—ã¾ã™ã€‚ タブã®ã¿ã‚’指ã™å ´åˆã¯ã€ã€Œã‚¿ãƒ– コントãƒãƒ¼ãƒ«ã€ã¨ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. タブã®æ§‹é€ 2. タブã¯ã„ã¤ä½¿ç”¨ã™ã‚‹ã®ã‹ 3. タブã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ãƒ™ã‚¹ãƒˆãƒ—ラクティス 4. タブã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ 5. タブã®æ‹¡å¼µ 6. タブã®å®Ÿè£…集 7. タブを実装ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† 8. タブを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト集 ã¯ã˜ã‚㫠タブモジュールã¯è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã«é…ç½®ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã§ã™ã€‚ パãƒãƒ«
メガメニューã€Webサイトデザインã®æ–°å¸¸è˜ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers å‘ã“ã†åŠå¹´ã®é–“ã§ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã„ãŸã‚‹Webサイトã«ã‚らã‚れるã ã‚ã†ã¨ã„ã†äºˆæ¸¬ãŒSitePoint: Mega Menus: the Next Web Design Trendã§ç´¹ä»‹ã•ã‚Œã¦ã„る。予測ã®ãƒ™ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã‚‹ã®ã¯Jakob Nielsenæ°ãŒ23æ—¥ã«å…¬é–‹ã—ãŸMega Drop-Down Navigation Menus Work Wellã®ã‚ˆã†ã 。Jakob Nielsenæ°ã¯Nielsen Norman Groupã®ä¼šé•·ã‚’å‹™ã‚ã‚‹ã¨ã¨ã‚‚ã«ã€Webデザインユーザビリティã®æ¨©å¨ã¨ã—ã¦åãŒé€šã£ã¦ã„る人物。 Mega Menus: the Next Web Design Trendã§ã¯WebデザイナãŒãƒŠãƒ“ゲーションをデザインã™ã‚‹å ´åˆã¯ãŸã„ã ã„次ã®
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CSSã§å®Ÿè£…ã—ãŸãƒŠãƒ“ゲーションã®ãƒ†ãƒ³ãƒ—レート集 -Only Css Menu
{{#tags}}- {{label}}
{{/tags}}