[B! WEBåˆ¶ä½œ][Navigation] kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kana321 id:kana321

WEBåˆ¶ä½œã¨Navigationã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

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

+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°-æŠ€

css

css

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

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

webåˆ¶ä½œ

Navigation

ui

html

tips
ãƒªãƒ³ã‚¯
[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>
kana321 2014/11/05
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¾åœ¨ä½ç½®ã‚’å–å¾—ã—ã€è¦ç´ ã«ã‚¯ãƒ©ã‚¹ï¼ˆactiveãªã©ï¼‰ã‚’è¿½åŠ ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’CSS newbieã‹ã‚‰ç´¹ä»‹

jquery

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

()

javascript

Navigation

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

css

UI

webåˆ¶ä½œ

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

*webåˆ¶ä½œ

navigation

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

web

CSS

webåˆ¶ä½œ

jQuery

HTML

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

ã‚¹ãƒˆãƒƒã‚¯

ui

Frontend

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

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

*ã¾ã¨ã‚

webåˆ¶ä½œ

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

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

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

navigation

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

webdesign

æ¤œç´¢

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

ui

webãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

webåˆ¶ä½œ

å‚è€ƒ
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚‚å¯¾å¿œã—ãŸãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ 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="
kana321 2014/03/04
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ã¦ã„ã‚‹ã»ã‹ã€ãƒã‚¹ãƒˆï¼ˆå…¥ã‚Œåæ§‹é€ ï¼‰ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚ä½œã‚Œã‚‹ã®ã§ã€éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®ã„ã„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã

()

webåˆ¶ä½œ

jQuery

jquery

responsive

navigation

ui

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

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

javascript

Navigation

jQuery

webdesign

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

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

canvas

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

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

Navigation

CSS3

webdesign

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

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

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

jquery

ã¾ã¨ã‚

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

Navigation

ã‚ã¨ã§èªã‚€

ui

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

web

webåˆ¶ä½œ

design

webdesign

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

Navigation

jquery

JavaScript

ã¾ã¨ã‚

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

WEBåˆ¶ä½œ

ui

ãƒ–ãƒã‚°

ajax
ãƒªãƒ³ã‚¯
æ€’æ¶›ã®ã‚µã‚¤ãƒˆãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ç·ã¾ã¨ã‚ï¼äº‹ä¾‹ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€å‚è€ƒã‚µã‚¤ãƒˆã€åƒ•ã®çŸ¥ã‚‹ä½•ã‚‚ã‹ã‚‚ã‚’ç´¹ä»‹ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒªãƒ³ã‚°ã€ãã†ã„ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹å¤‰åŒ–ã«ä¼´ã„ã€ã‚µã‚¤ãƒˆå†…ã‚’èª˜å°Žã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¨®é¡žã‚‚å¤šæ§˜åŒ–ã—ã¦ãã¦ã„ã¾ã™ãã€‚ å…ƒã€…ã€ç¸¦ã€æ¨ªã€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã€å›ºå®šã€ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç‰ã€ã‚µã‚¤ãƒˆã®æ§‹é€ ã«ã‚ˆã£ã¦æ§˜ã€…ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ææ¡ˆã—ã¦ããŸã‚ã‘ã§ã™ãŒã€æœ€è¿‘ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è€ƒãˆã‚‹æ™‚ã€è©±ã«ä¸ŠãŒã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®å‘¼ã³æ–¹ã¨ã‹ã€ç¨®é¡žã¨ã‹ã€å¤§é‡å¤šé‡éŽãŽã¦ã‚‚ã†åˆ†ã‘åˆ†ã‘ã‚‰ãªããªã£ã¦ããŸã®ã§ã€ã¡ã‚‡ã£ã¨åƒ•è‡ªèº«ã®å¾©ç¿’ã¨ã€å‚è€ƒã‚µã‚¤ãƒˆã‚„ã‚‰ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„ã‚‰ãªã„ã‹ã‚’å…¨éƒ¨ã¾ã¨ã‚ã¦ã—ã¾ã„ãŸã‹ã£ãŸã®ã§ã€åƒ•ã¨ã€åƒ•ã®å‘¨ã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“é”ã®å½¹ã«ãŸã¦ã‚‹ã‚ˆã†ã€ä»Šå›žè¨˜äº‹ã«ã•ã›ã¦ã‚‚ã‚‰ã†ã“ã¨ã«ã—ã¾ã—ãŸï¼ å®Ÿéš›ã«WEBåˆ¶ä½œã«æºã‚ã‚‹ä¸ã§ã€èžã„ãŸã“ã¨ã®ã‚ã‚‹ç‰©ã‚’åˆ†é¡žã•ã›ã¦é ‚ãã®ã§ã€åƒ•ã®å‹æ‰‹ãªåˆ†ã‘æ–¹ã«ãªã£ã¦ã—ã¾ã„ç”³ã—è¨³ãªã„é™ã‚Šãªã‚“ã§ã™ãŒã€ä½•ã‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«æ‚©ã‚“ã æ™‚ã«ã§ã‚‚å‚è€ƒã‹ä½•ã‹ã«ã—ã¦ã„ãŸã ã‘ã‚Œã°å¬‰ã—ã„é™ã‚Š
kana321 2012/05/09
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã¾ã¨ã‚

navigation

web

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

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

å‚è€ƒ

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1