[B! navigation] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

navigationã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

${{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}}

æ±äº¬ãƒ¡ãƒˆãƒã‚‚é©šã„ãŸã€ã‚ªãƒ¼ãƒ—ãƒ³ãƒ‡ãƒ¼ã‚¿æ´»ç”¨ã®å„ªç§€ã‚¢ãƒ—ãƒªç™ºè¡¨ (1/2)
2ã‚«æœˆé–“ã«281ç‚¹ã®å¿œå‹Ÿã€æµ·å¤–ã‹ã‚‰ã‚‚ æ±äº¬ãƒ¡ãƒˆãƒã®ã‚ªãƒ¼ãƒ—ãƒ³ãƒ‡ãƒ¼ã‚¿æ´»ç”¨ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã¯ã€åŒç¤¾ã®å‰µç«‹10å‘¨å¹´ã‚’è¨˜å¿µã—ãŸå–ã‚Šçµ„ã¿ã®1ã¤ã€‚å…¨ç·šã®åˆ—è»Šä½ç½®ã€é…å»¶æƒ…å ±ã€é§…æ§‹å†…æ–½è¨æƒ…å ±ãªã©ã‚’ã‚ªãƒ¼ãƒ—ãƒ³ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦ä¸€èˆ¬é–‹ç™ºè€…ã«å…¬é–‹ã—ã€ã€Œæ±äº¬ãƒ¡ãƒˆãƒã®åˆ©ç”¨è€…ãŒã‚ˆã‚Šä¾¿åˆ©ã§ã‚ˆã‚Šå¿«é©ã«ãªã‚‹ã‚ˆã†ãªã‚¢ãƒ—ãƒªã€ã®é–‹ç™ºã‚’å‘¼ã³ã‹ã‘ãŸï¼ˆé–¢é€£è¨˜äº‹ï¼‰ã€‚ã‚°ãƒ©ãƒ³ãƒ—ãƒªè³žé‡‘ã¯100ä¸‡å††ã€‚ ç´„2ã‚«æœˆé–“ã¨ã„ã†çŸã„å‹Ÿé›†æœŸé–“ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€ã‚ªãƒ¼ãƒ—ãƒ³ãƒ‡ãƒ¼ã‚¿ï¼ˆé–‹ç™ºè€…ã‚µã‚¤ãƒˆï¼‰ã®åˆ©ç”¨ç™»éŒ²ã¯2328ä»¶ã€ã‚¢ãƒ—ãƒªã®å¿œå‹Ÿã¯281ä»¶ã‚ã£ãŸã¨ã„ã†ã€‚ã™ã¹ã¦ã®å¿œå‹Ÿã‚¢ãƒ—ãƒªï¼ˆiOS/Android/Webã‚¢ãƒ—ãƒªï¼‰ã¯æ±äº¬ãƒ¡ãƒˆãƒã®ã‚µã‚¤ãƒˆã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€å®Ÿéš›ã«ä½¿ç”¨ã§ãã‚‹ã€‚ ä¹—ã‚Šæ›ãˆæ”¯æ´ã€ãƒ€ã‚¤ãƒ¤ä¹±ã‚Œæ™‚ã®åˆ¤æ–ã€ãƒ‡ã‚£ãƒ¼ãƒ—ã‚¹ãƒãƒƒãƒˆæ¡ˆå†…ã¾ã§ ã‚°ãƒ©ãƒ³ãƒ—ãƒªã‚’å—è³žã—ãŸã®ã¯ã€è·¯ç·šå›³ï¼‹æ™‚åˆ»è¡¨ã‚¢ãƒ—ãƒªã®ã€Œã‚³ã‚³ãƒ¡ãƒˆãƒã€ï¼ˆæ± é–“å¥ä»ã•ã‚“ï¼‰ã€‚ã€Œé§…ã®ãƒ›ãƒ¼ãƒ ã«ã‚ã‚‹è·¯ç·šå›³ã‚„æ™‚åˆ»è¡¨ã‚’ã€æ‰‹å…ƒã§ã‚ã‹ã‚Šã‚„ã™ãè¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸã„ã€
beth321 2015/02/23
asciijp

ã‚¢ãƒ—ãƒª

navigation

Event

subway

geo

ã‚ã¨ã§èªã‚€

Open

ã‚ªãƒ¼ãƒ—ãƒ³ãƒ‡ãƒ¼ã‚¿

Data
ãƒªãƒ³ã‚¯
ç¬¬5å›žã€€æ¨ªä¸¦ã³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®åŒºåˆ‡ã‚Šç·šã‚’CSSã§è¡¨ç¾ã—ã‚ˆã†ï¼šå®Ÿè·µWeb Standards Designã®ã‚¹ã‚¹ãƒ¡ï½œgihyo.jp â€¦ æŠ€è¡“è©•è«–ç¤¾
ã¯ã˜ã‚ã¾ã—ã¦ã€ç¦å³¶è‹±å…ã¨ç”³ã—ã¾ã™ã€‚ã€Žâ å®Ÿè·µWeb Standards Designã€åˆŠè¡Œã«åˆã‚ã›ãŸè‘—è€…3äººã«ã‚ˆã‚‹çŸæœŸé›†ä¸ãƒªãƒ¬ãƒ¼é€£è¼‰ã¨ã„ã†ã“ã¨ã§ã€ã“ã®ç¬¬5å›žã‚’æ‹…å½“ã•ã›ã¦ã„ãŸã ãã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ã€Žå®Ÿè·µWeb Standards Designã€ã®åˆŠè¡Œã«ã‚ãŸã‚Šã€å¯èƒ½ã§ã‚ã‚Œã°è¿½åŠ ã—ãŸã‹ã£ãŸTipsãŒã‚ã£ãŸã®ã§ã™ãŒã€çµå±€ãã®ã¾ã¾è¼‰ã›ãªã‹ã£ãŸãƒã‚¿ã‚’ä»Šå›žã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è‰¯ãè¦‹ã‹ã‘ã‚‹æ¨ªä¸¦ã³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ˜ãƒƒãƒ€éƒ¨åˆ†ã‚„ãƒ•ãƒƒã‚¿éƒ¨åˆ†ã§ã€æ¨ªä¸¦ã³ã«ãªã£ã¦ã„ã‚‹ç¸¦ç·šã§åŒºåˆ‡ã‚‰ã‚ŒãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¦‹ã‹ã‘ã‚‹ã“ã¨ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šã”è¦§é ‚ã„ã¦ã„ã‚‹ã“ã®gihyo.jpã®ãƒ˜ãƒƒãƒ€éƒ¨åˆ†ã«ã‚‚ã€ç”»åƒã‚’ä½¿ã£ãŸæ¨ªä¸¦ã³ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒé…ç½®ã•ã‚Œã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ å›³1ã€€ç”»åƒã‚’ä½¿ã£ãŸæ¨ªä¸¦ã³ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆgihyo.jpï¼‰ gihyo.jpã§ã¯ç”»åƒã‚’ä½¿ã£ã¦ã„ã¾ã™ãŒã€ç”»åƒã‚’ä½¿ã‚ãšã«ãƒ†ã‚ã‚¹ãƒˆã®ã¿ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸ
beth321 2014/11/14
+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°-æŠ€

css

css

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

webåˆ¶ä½œ

ãƒ¡ãƒ‹ãƒ¥ãƒ¼

html

tips

ui

Navigation
ãƒªãƒ³ã‚¯
[JS]ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¾åœ¨ä½ç½®ã®è¡¨ç¤ºã‚’è‡ªå‹•ã§å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¾åœ¨ä½ç½®ã‚’å–å¾—ã—ã€è¦ç´ ã«ã‚¯ãƒ©ã‚¹ï¼ˆactiveãªã©ï¼‰ã‚’è¿½åŠ ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’CSS newbieã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> $(document).ready(function() { if(location.pathname != "/") { $('#nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active'); } else $('#nav a:eq(0)').addClass('active'); }); </textarea>
beth321 2014/11/05
()

library

ã‚³ãƒªã‚¹

jquery

javascript

Navigation

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

css

UI

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ¡ˆå†…ã‚µã‚¤ãƒ³ã¯å¿…æ»ã«ã‚ˆã³ã‹ã‘ã‚‹
å³ã«è¡Œãã¨ãƒˆã‚¤ãƒ¬ã§ã€ã¾ã£ã™ãè¡Œãã¨ã‚¨ã‚¹ã‚«ãƒ¬ãƒ¼ã‚¿ãƒ¼ã€‚ ãƒ“ãƒ«ã¨ã‹é§…ã¨ã‹ã§è¦‹ã‹ã‘ã‚‹è¡Œå…ˆæ¡ˆå†…ã‚’ã€æ¡ˆå†…ã‚µã‚¤ãƒ³ã¨ã„ã†ã‚‰ã—ã„ã€‚ ã‚ˆãè¦‹ã‚‹ã¨å®Ÿã¯å¿…æ»ã«ã¼ãã‚‰ã«å‘¼ã³ã‹ã‘ã¦ã„ãŸã‚“ã ã£ã¦ã“ã¨ã«æ°—ãŒã¤ã„ãŸã€‚
beth321 2014/10/03
ãƒ‡ã‚¤ãƒªãƒ¼ãƒãƒ¼ã‚¿ãƒ«Z

é‡Žè‰¯ã‚µã‚¤ãƒ³

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

æ±äº¬

navigation

design

ã‚µã‚¤ãƒ³

ãƒã‚¿

society

DPZæœ¨æ›œ
ãƒªãƒ³ã‚¯
[CSS]ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«æ˜Žç¢ºãªãƒ©ãƒ™ãƒ«ã‚’ä¸Žãˆã¦å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
dlè¦ç´ ã§æ˜Žç¢ºãªãƒ©ãƒ™ãƒ«ã‚’ä¸Žãˆã€ã‚·ãƒ³ãƒ—ãƒ«ãªãŒã‚‰ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ZURBã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <dl> <dt>On This Page:</dt> <dd><a href="">Final Wireframes</a></dd> <dd><a href="">Updated Wireframes</a></dd> <dd><a href="">Initial Wireframes</a></dd> <dd><a href="">Sketches</a></dd> </dl> </textarea>
beth321 2014/09/19
ã‚³ãƒªã‚¹

css-ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

css

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

*tips

ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒ»ãƒ‘ãƒ³ããš

Webãƒ‡ã‚¶ã‚¤ãƒ³

*css

*ã‚ã¨ã§èªã‚€

Navigation
ãƒªãƒ³ã‚¯
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒãˆãŸãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒãˆãŸãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹å¤šãã®Webã‚µã‚¤ãƒˆã«è¨ç½®ã•ã‚Œã¦ã„ã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‚ã†ã¾ãã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ†ã‘ã•ã‚Œã¦ã„ã‚Œã°éžå¸¸ã«ã‚ã‹ã‚Šã‚„ã™ãã€ã‚¹ãƒšãƒ¼ã‚¹ã‚‚å–ã‚‰ãªã„ã®ã§åˆ¶ä½œå´ã‹ã‚‰ã‚‚æ„›ã•ã‚Œã¦ã„ã¾ã™ãã€‚ã—ã‹ã—ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®è¦³ç‚¹ã‹ã‚‰è€ƒãˆã‚‹ã¨ã€ã¡ã‚‡ã£ã¨ã‚„ã£ã‹ã„ãªå˜åœ¨ã§ã¯ã‚ã‚Šã¾ã™ã€‚ãƒžã‚¦ã‚¹ãŒã†ã¾ãåˆ©ç”¨ã§ããªã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚’ä½¿ã£ã¦ãƒšãƒ¼ã‚¸ã‚„ãƒªãƒ³ã‚¯ã‚’ç§»å‹•ã—ã¾ã™ãŒã€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ `tab` ã‚ãƒ¼ã‚’ä½¿ã£ã¦ã‚‚ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œãªã„ã®ã§ã™ã€‚ä»Šå›žã¯ã“ã®å•é¡Œã‚’è§£æ±ºã—ã‚ˆã†ã¨æ€ã„ã¾ã™ï¼ ã“ã¡ã‚‰ã® Gif ç”»åƒã®ã‚ˆã†ã«ã€ã‚«ãƒ¼ã‚½ãƒ«ã§ã¯ãªãã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã® tab ã‚ãƒ¼ã‚’ä½¿ã£ã¦ãƒªãƒ³ã‚¯ã‚’æŽ¨ç§»ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚é€šå¸¸ã® HTML ã¨ CSS ã‚’ä½¿ã£ãŸè¨ç½®æ–¹æ³•ã ã¨éš ã•ã‚Œã¦ã„ã‚‹åãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œãªã„ã®ã§ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã§ã‚‚ã†ã¾ãè¡¨ç¤ºã™ã‚‹ã®ãŒä»Šå›žã®ç›®æ¨™ã§ã™ã€‚ã¡ãªã¿ã«ã“ã®ãƒ–ãƒã‚°ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡
beth321 2014/09/03
webãƒ‡ã‚¶ã‚¤ãƒ³

navigation

accessibility

jQuery

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

web

css

webåˆ¶ä½œ

HTML

javascript
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã¾ã¨ã‚ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°
å‰å›žã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ŒUIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒç†è§£ã—ã¦ãŠãã¹ã11ç¨®é¡žã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ç‰¹å¾´ã€ã¨ã—ã¦ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¨®é¡žã‚’ã€æ©Ÿèƒ½çš„ãªå´é¢ã‹ã‚‰åˆ†é¡žã—ã€ã”ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ç¶šç·¨ã¨ãªã‚‹ä»Šå›žã¯ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³çš„ãªå´é¢ã‹ã‚‰ã¨ã‚‰ãˆã€å½¢çŠ¶ã€ãµã‚‹ã¾ã„ï¼ˆå‹•ãï¼‰ã€éšŽå±¤ã¨ã„ã†ã®3ç¨®é¡žã®è¡¨ç¾è»¸ã«åˆ†ã‘ã¦ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã‚’æ•´ç†ã—ã¦ã¿ã¾ã—ãŸã€‚ å½¢çŠ¶ã®ãƒ‡ã‚¶ã‚¤ãƒ³ UIã«ãŠã‘ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³è¦ç´ ãŒã€ä¸»ã«ã©ã®ã‚ˆã†ãªå½¢çŠ¶ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã‚‹ã‹ã€ã¨ã„ã†ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã“ã“ã§ã¯ã”ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ãƒœã‚¿ãƒ³åŒ–ã—ã€ãƒãƒ¼çŠ¶ã«ã¾ã¨ã‚ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚PCã‚µã‚¤ãƒˆã®ã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒãƒ¼ã‚«ãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã«ã‚ˆãæŽ¡ç”¨ã•ã‚Œã¾ã™ã€‚ ä¸€è¦§æ€§ã«å„ªã‚Œã€ä¸€ç›®ã§ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³è¦ç´ ã¨åˆ†ã‹ã‚‹ãŸã‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«å„ªã‚Œã¾ã™ã€‚ä¸€æ–¹ã€ã‚ã‚‹ç¨‹åº¦ã®è¡¨ç¤ºã‚¹ãƒšãƒ¼ã‚¹ã‚’å¿…è¦ã¨ã™ã‚‹ãŸã‚ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯ã‚ã¾ã‚Šç”¨ã„ã‚‰ã‚Œãªã„
beth321 2014/08/15
ui

navigation

Webãƒ‡ã‚¶ã‚¤ãƒ³

*ã‚ã¨ã§èªã‚€

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

Layout

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

webåˆ¶ä½œ

ã¾ã¨ã‚

design
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã«å›°ã£ãŸã‚‰ï¼å‚è€ƒã«ãªã‚‹ã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã¾ã¨ã‚ãŸ -Call to Idea
Webãƒšãƒ¼ã‚¸ã«ã‚ˆãä½¿ç”¨ã•ã‚Œã‚‹ã€ã‚¢ã‚¤ãƒ†ãƒ ã‚’ä¸¦ã¹ã‚‹ãƒªã‚¹ãƒˆã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã‚¿ãƒ–ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã£ãŸã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã¯ã˜ã‚ã€æ‰“ã¡å‡ºã—ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚µãƒ³ãƒ—ãƒ«ã®è¡¨ç¤ºæ–¹æ³•ã€AdWordsã®é…ç½®ã€ãƒ‡ãƒ¼ã‚¿ãŒãªã„çŠ¶æ…‹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã¾ã¨ã‚ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
beth321 2014/07/15
webãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

ã‚³ãƒªã‚¹

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

*Webãƒ‡ã‚¶ã‚¤ãƒ³

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

å‚è€ƒ

navigation

ui

webdesign

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]ãƒ‘ã‚¿ãƒ‘ã‚¿ã£ã¨æŠ˜ã‚Šç•³ã‚€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
åã‚¢ã‚¤ãƒ†ãƒ ã‚’ãƒ‘ã‚¿ãƒ‘ã‚¿ã£ã¨æŠ˜ã‚Šç•³ã‚€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å®Ÿè£… HTML ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è¦ªã®ã‚«ãƒ†ã‚´ãƒªã¯divã§ã¾ã¨ã‚ã€å„åä¾›ã¯ãƒªã‚¹ãƒˆã§å®Ÿè£…ã—ã¾ã™ã€‚ <div class="navbar"> <a class="menu" href="#">MENU</a> <div class="link large" href="#"> <span class="active"><i class="icon-twitter"></i>Twitter</span> <ul class="hover-bot"> <a href="">Reply</a> <a href="">Favorite</a> </ul> <ul class="hover-top"> <a href="">Follow</a> <a href="">Ret
beth321 2014/06/18
ã‚³ãƒªã‚¹

CSS3

css

hover

Box

tips

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

color

çŸ¥è˜

navigation
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚‚å¯¾å¿œã—ãŸãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ FlexNav
ã€ŒFlexNavã€ã¯ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ï¼ˆIEã¯7ä»¥é™ï¼‰å¯¾å¿œã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ã¦ã„ã‚‹ã»ã‹ã€ãƒã‚¹ãƒˆï¼ˆå…¥ã‚Œåæ§‹é€ ï¼‰ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚ä½œã‚Œã‚‹ã®ã§ã€éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®ã„ã„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ãã€‚ Android 2.2ä»¥é™ã«å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã€å¤ã„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¸ã®å¯¾å¿œã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹æ¡ˆä»¶ã§ç‰¹ã«é‡å®ã—ã¾ã™ã€‚ step1 jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®èªã¿è¾¼ã¿ jQueryæœ¬ä½“ã‚’jQueryã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ã€FlexNav ã‚’é…å¸ƒãƒšãƒ¼ã‚¸ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã—ã‚‡ã†ã€‚FlexNav ã¯ github ã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€ãƒšãƒ¼ã‚¸å³ä¸‹ã®ã€ŒDownload ZIPã€ãƒœã‚¿ãƒ³ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ jQueryæœ¬ä½“ã¨ã€Œjquery.flexnav.min.jsã€ã‚’ã€åˆ©ç”¨ã™ã‚‹Webãƒšãƒ¼ã‚¸ã® body ã®é–‰ã˜ã‚¿ã‚°ç›´å‰ã«èªã¿è¾¼ã¿ã¾ã™ã€‚ //(ä¸ç•¥) <script src="
beth321 2014/03/04
()

jQuery

responsive

navigation

jquery

ui

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 25
ã„ãšã‚Œã‚‚ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ä¾¿åˆ©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã€ã‚‚ã¡ã‚ã‚“PCã‚µã‚¤ãƒˆã§ã‚‚å•é¡Œãªãä½¿ãˆã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã¨ã„ã£ãŸã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã«ã¯ç‰¹ã«ä¾¿åˆ©ãªã‚‚ã®ã§ã™ã€‚ ã‚µã‚¤ãƒ‰ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ãã‚‹ã‚‚ã®ã‚„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºãŒç‹ã¾ã‚‹ã¨ã‚»ãƒ¬ã‚¯ã‚¿ã‚„ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«å¤‰åŒ–ã™ã‚‹ã‚‚ã®ãªã©ã€è¦‹ã›æ–¹ã‚‚æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã¾ã™ã€‚ ãšã‚‰ã£ã¨ä¸¦ã‚“ã§ã¯ã„ã¾ã™ãŒå¤§ã¾ã‹ã«åŒã˜ã‚ˆã†ãªå‹•ãã‚’ã™ã‚‹ã‚‚ã®ã¯ãªã‚‹ã¹ãå›ºã‚ã¦ã„ã‚‹ã®ã§ã€æ°—ã«ãªã‚‹å‹•ããŒã‚ã‚Œã°ãã®å‰å¾Œã‚‚ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚
beth321 2014/02/13
css

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

jQuery

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

CSS

navigation

responsive

Webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
[JS]ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æœ€ä¸Šéƒ¨ã«å›ºå®šã—ã€å„ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -SMINT | ã‚³ãƒªã‚¹
SMINT SMINTã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.smint.js"></script> </head> Step 2: HTML ã¾ãšã¯ã€æœ€ä¸Šéƒ¨ã«é…ç½®ã•ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰ã€‚ <div class="subMenu" > <div class="inner"> <a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#" id="s1" class="subNavBtn">Section 1</a> <a href="#" id="s2" c
beth321 2013/09/02
*webãƒ‡ã‚¶ã‚¤ãƒ³

jquery

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

javascript

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

js

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

navigation

*jQuery

HTML
ãƒªãƒ³ã‚¯
ã·ã‚‹ã‚‹ã‚“æ–°æ„Ÿè¦šï¼ã‚¹ãƒžãƒ•ã‚©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒæ¥½ã—ããªã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ -Jelly Navigation Menu
ã·ã‚‹ã‚‹ã‚“æ–°æ„Ÿè¦šï¼ã‚¹ãƒžãƒ•ã‚©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒæ¥½ã—ããªã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ -Jelly Navigation Menu
beth321 2013/08/21
javascript

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

jQuery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

canvas

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

webåˆ¶ä½œ

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

Navigation

js
ãƒªãƒ³ã‚¯
[CSS]ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
CSS3ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä½¿ã£ã¦å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â€»ä¸€éƒ¨ã€jQueryã‚’ä½µç”¨ã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚
beth321 2013/06/30
css

CSS3

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

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

jquery

ã¾ã¨ã‚

webåˆ¶ä½œ

webdesign

Navigation

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯è¦ãƒã‚§ãƒƒã‚¯ï¼è±Šã‹ãªãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ä¸Žãˆã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é›†
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ã¨ã£ã¦é‡è¦ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ã‚ã‚Šã€åŸºç›¤ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚ç´ æ™´ã‚‰ã—ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯è±Šã‹ãªãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ä¸Žãˆã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä½¿ã„ã«ãããªã„å›°æƒ‘ã•ã‚Œãªã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æœ›ã¿ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãŸã„ã¦ã„ã®å ´åˆã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚‚ã®ã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªã‚‚ã®ã§ã™ã€‚ã“ã“ã§ã¯ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã§ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç´ æ™´ã‚‰ã—ã„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¨è‹¥å¹²ã®æ¬ ç‚¹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
beth321 2013/06/16
ã€€ã‚³ãƒªã‚¹

Webãƒ‡ã‚¶ã‚¤ãƒ³

ui

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

webåˆ¶ä½œ

webdesign

design

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

Navigation

ã‚ã¨ã§èªã‚€

web
ãƒªãƒ³ã‚¯
[CSS]è¦‹ãŸç›®ã¯æ™®é€šã€ã§ã‚‚ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæŠœç¾¤ã«ã‹ã£ã“ã„ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ãƒ¢
ã±ã£ã¨è¦‹ã€ã‚ˆãè¦‹ã‹ã‘ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªUIã§ã™ãŒã€ã‹ãªã‚Šã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒä»•è¾¼ã¾ã‚Œã¦ã„ã‚‹ãƒ‡ãƒ¢ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆç„¡ã—ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¿ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ å·¦ä¸Šã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ãƒ»ã‚¿ãƒƒãƒ—ã™ã‚‹ã¨ã€ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãµã‚ã£ã¨ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒé›†ã¾ã£ã¦ãã‚‹ã®ã€ã‹ã£ã“ã„ã„ã§ã™ãã€‚ è§£é™¤ã—ã¦æ•£ã£ã¦ã„ãã®ã‚‚ï¼ å®Ÿéš›ã®ãƒ‡ãƒ¢ã¯ã€ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚ Chrome, Safariã§ã”è¦§ãã ã•ã„ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ã“ã‚Œã‚’ãƒ™ãƒ¼ã‚¹ã«ã„ã‚ã„ã‚ãªã‚¢ã‚¤ãƒ‡ã‚¢ãŒè†¨ã‚‰ã‚“ã§ãã¾ã™ãã€‚ å‚è€ƒã¾ã§ã«ã€å®Ÿè£…ã‚‚ã”ç´¹ä»‹ã€‚ HTML ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§ã‚¹ãƒ†ã‚¤ã«ãªã‚‹ã®ã¯ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚  <header id="head"> <div class="container"> <
beth321 2013/06/14
ã€€ã‚³ãƒªã‚¹

css

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

HTML

navigation

JavaScript

Must

webdesign

ç´¹ä»‹

UI

ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
jQueryã§ã‚„ã‚‹ï¼ãƒ–ãƒã‚°ã§ä½¿ãˆãã†ãªæ¥½ã—ã„ãƒŠãƒ“ãƒ¡ãƒ‹ãƒ¥ãƒ¼45
è‰²ã€…ã¨jQueryã®ã‚µãƒ³ãƒ—ãƒ«ã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¦ã€çœºã‚ã¦ã‚‹ã ã‘ã§æ¥½ã—ããªã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§æ‚©ã‚“ã æ™‚ã«ä½¿ãˆãã†ã§ã™ã€‚ 45 jQuery Navigation Plugins and Tutorials - Noupe ã•ã¦ã€ã„ã¾ã‚„å¤šãã®äººãŸã¡ã‹ã‚‰æ”¯æŒã‚’å¾—ã¦ã„ã‚‹jQueryã§ã€ã‚‚ã£ã¨æ¥½ã—ã„ãƒ–ãƒã‚°ã«ã—ã¦ã¿ã‚‹ã®ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œãªã„ã€‚ jQueryã¯ä½•ã‚‚WEBã‚µã‚¤ãƒˆã ã‘ã®ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚æ¡ä»¶ã•ãˆã‚¯ãƒªã‚¢ã™ã‚Œã°ãƒ–ãƒã‚°ã ã£ã¦ä½¿ãˆã‚‹ã®ã§ã™ã€‚ ã‚ãªãŸã®ãƒ–ãƒã‚°ãŒã»ã‚“ã®å°‘ã—ã®jQueryã§ç”Ÿã¾ã‚Œå¤‰ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ ã‚ã‹ã‚‹æ–¹ã¯ã•ãã£ã¨ä¸Šã®ãƒªãƒ³ã‚¯ã‚’å©ã„ã¦è‰²ã€…è©¦ã—ã¦è¦‹ã¦ãã ã•ã„ã€‚ jQueryã£ã¦ãã‚‚ãã‚‚ä½•ã€ã£ã¦è¨€ã†äººãŒå±…ã¾ã—ãŸã‚‰ä»¥ä¸‹ã‚’ã€‚ jQueryã£ã¦ã€ç¾Žå‘³ã—ã„ã®ï¼Ÿ çµæ§‹ç¾Žå‘³ã—ã„ã§ã™ã€‚ å¤šãã®æ–¹ã«æ”¯æŒã•ã‚Œã‚‹ã«ã¯ã‚„ã¯ã‚Šãã‚Œãªã‚Šã®ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚ è¶…ã€ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ ã‚ãªãŸãŒæ›¸ã„ãŸ
beth321 2012/10/08
jQuery

jquery

JavaScript

ã¾ã¨ã‚

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

WEBåˆ¶ä½œ

ui

ãƒ–ãƒã‚°

ajax

Navigation
ãƒªãƒ³ã‚¯
åŠ¹æžœçš„ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¨è¨ˆã™ã‚‹5ã¤ã®å¤§åˆ‡ãªãƒã‚¤ãƒ³ãƒˆ
How To Design Effective Navigation Menus [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Positon -ãƒã‚¸ã‚·ãƒ§ãƒ³ Simplicity -ã‚·ãƒ³ãƒ—ãƒ« Wording -ãƒ¯ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° Color -ã‚«ãƒ©ãƒ¼ Icons -ã‚¢ã‚¤ã‚³ãƒ³ [ad#ad-2] Positon -ãƒã‚¸ã‚·ãƒ§ãƒ³ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒšãƒ¼ã‚¸ã®ã©ã“ã«é…ç½®ã™ã‚‹ã‹ã¯ã€éžå¸¸ã«é‡è¦ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹éš›ã«ã‚ã‚‹ç‰¹å®šã®ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®å¤§å®¶ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³ã«ã‚ˆã‚‹Fãƒ‘ã‚¿ãƒ¼ãƒ³ãŒæœ‰åã§ã™ï¼ˆF-Shaped Patternï¼‰ã€‚ã“ã‚Œã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒšãƒ¼ã‚¸ã‚’èµ°æŸ»ã™ã‚‹éš›ã€ä¸Šéƒ¨ã¨å·¦éƒ¨ã«ï¼ˆFã®æ–‡å—ã®ã‚ˆã†ã«ï¼‰ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’åˆã‚ã›ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã†ã„ã£ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç†è§£ã—ã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã‹ã‚’å¦ã³ã€ä½•ã‚’æœŸå¾…ã™ã‚‹ã¹ãã‹ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å¾—ã‚‹ãŸã‚ã«ä½¿ã„ã¾ã™ã€‚æ•°å¤šãã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é…æ…®
beth321 2012/04/03
*webãƒ‡ã‚¶ã‚¤ãƒ³

*ã‚µã‚¤ãƒˆè¨è¨ˆ

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

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

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

ui

navigation

Webåˆ¶ä½œ

ã‚¢ã‚¤ãƒ‡ã‚¢
ãƒªãƒ³ã‚¯
1