[B! design][navigation] the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

the-day id:the-day

designã¨navigationã«é–¢ã™ã‚‹the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€æµ·å¤–äº‹ä¾‹ã«å¦ã¶ã€‘ ãƒªãƒƒãƒåŒ–ã™ã‚‹ãƒ•ãƒƒã‚¿ãƒ¼ (ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å®Ÿè·µãƒ¡ãƒ¢)
ã“ã‚Œã¾ã§å½“ã‚µã‚¤ãƒˆã§ã‚‚ã€ã„ãã¤ã‹ã®è¨˜äº‹ã§ãƒ•ãƒƒã‚¿ãƒ¼ã«ã¤ã„ã¦æ‰±ã£ã¦ãã¾ã—ãŸã€‚æœ€è¿‘ã€æµ·å¤–ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€ãƒ•ãƒƒã‚¿ãƒ¼ã«ã¤ã„ã¦æ–°ã—ã„å–ã‚Šçµ„ã¿ãŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚ ä»Šå›žã¯ã€æµ·å¤–ã‚µã‚¤ãƒˆã®å‹•å‘ã‚’ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã€ãƒ•ãƒƒã‚¿ãƒ¼ã«ãŠã‘ã‚‹æ–°ãŸãªå–ã‚Šçµ„ã¿ã®ãƒ¡ãƒªãƒƒãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Geek Trends: 15 Footers with great usability ( pop upon magazine ) 6 Things To Include for a User Friendly Footer ( UXBooth ) Modern Sit emap and Footer ( WebDesignerWall ) Footers (76 examples) ( Smiley Cat Elements of Design ) ä¾‹ãˆã°TIGERS ï¼ˆhttp://www.tigers.org.auï¼‰ã®ãƒ•ãƒƒã‚¿ãƒ¼(ä¸‹å›³)ã§ã¯ã€é©
the-day 2009/06/24
usability

navigation

ui

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨å‚¾å‘ -2008å¹´2æœˆ | ã‚³ãƒªã‚¹
Smashing Magazineã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒNavigation Menus: Trends and Examplesã€ã‹ã‚‰ã€æœ€è¿‘ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨å‚¾å‘ã‚’ï¼“ãšã¤ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µã‚¤ãƒˆã§ã¯ã€ä»–ã«ã‚‚ã‚µãƒ³ãƒ—ãƒ«ãŒãŸãã•ã‚“ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Navigation Menus: Trends and Examples ãƒ–ãƒãƒƒã‚¯ã‚’ä½¿ç”¨ã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
the-day 2008/04/02
ã¾ã¨ã‚

navigation

ui

css

html

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®æ¨ªã«éš ã‚Œã‚‹ã‚µã‚¤ãƒ‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³JavaScript ï¼ˆside-bar.jsï¼‰ - youmos
the-day 2007/08/12
javascript

css

library

navigation

design

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï½œCSS HappyLife
æ™®é€šã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ä¹…ã€…ãªæ°—ãŒã™ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚ ä»Šå›žã¯ãƒˆãƒ”ãƒƒã‚¯ãƒ‘ã‚¹ã¨ã‹ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãªã‚“ã¦å‘¼ã°ã‚Œã¦ã‚‹ã€ã¡ã‚‡ã£ã¨è¦æ¨¡ã®å¤§ãã„ã‚µã‚¤ãƒˆã§ã¯æ—¥å¸¸èŒ¶é£¯äº‹ã§è¦‹ã‹ã‘ã‚‹ã‚¢ãƒ¬ã®ã‚µãƒ³ãƒ—ãƒ«è‰²ã€…ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®å‰ã« #main .entryBody #topicPath_01 ã¨ã‹ã£ã¦ãªã£ã¦ã¾ã™ã‘ã©ã€#main .entryBody ã¯ã‚¦ãƒã®ã‚µã‚¤ãƒˆã®éƒ½åˆã§å„ªå…ˆé †ä½ä¸Šã’ã®ç‚ºã«ã‚„ã£ã¦ã‚‹ã‚“ã§ã€ã‚³ãƒ”ã£ãŸã‚Šã™ã‚‹å ´åˆã¯ã„ã‚‰ãªã„æ„Ÿã˜ã§ã™ã€‚ #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
the-day 2007/04/14
css

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

sample

accessibility

navigation

ui

tips

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (12)

designã¨navigationã«é–¢ã™ã‚‹the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (12)

designã¨navigationã«é–¢ã™ã‚‹the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ã€æµ·å¤–äº‹ä¾‹ã«å­¦ã¶ã€‘ ãƒªãƒƒãƒåŒ–ã™ã‚‹ãƒ•ãƒƒã‚¿ãƒ¼ (ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å®Ÿè·µãƒ¡ãƒ¢)

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨å‚¾å‘ -2008å¹´2æœˆ | ã‚³ãƒªã‚¹

ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®æ¨ªã«éš ã‚Œã‚‹ã‚µã‚¤ãƒ‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³JavaScript ï¼ˆside-bar.jsï¼‰ - youmos

ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï½œCSS HappyLife

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (12)

designã¨navigationã«é–¢ã™ã‚‹the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ã€æµ·å¤–äº‹ä¾‹ã«å¦ã¶ã€‘ ãƒªãƒƒãƒåŒ–ã™ã‚‹ãƒ•ãƒƒã‚¿ãƒ¼ (ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å®Ÿè·µãƒ¡ãƒ¢)

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨å‚¾å‘ -2008å¹´2æœˆ | ã‚³ãƒªã‚¹

ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®æ¨ªã«éš ã‚Œã‚‹ã‚µã‚¤ãƒ‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³JavaScript ï¼ˆside-bar.jsï¼‰ - youmos

ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï½œCSS HappyLife

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹