[B! ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³] poriringooã®ãƒ

poriringoo id:poriringoo

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹poriringooã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

ç‹¬å‰µçš„ãªãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆï¼˜é¸
Ericã¯20å¹´ä»¥ä¸Šã®çµŒé¨“ã‚’æŒã¤Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã™ã€‚ã€ŽYour Guide to Becoming a Freelance Web Designerã€ã®è‘—è€…ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã®å¿…éœ€æ€§ãŒä½Žãã€è¦‹éŽã”ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã‚‚ã®ã®ã²ã¨ã¤ã§ã™ã€‚ã—ã‹ã—ãƒ–ãƒã‚°ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¤šã„ã‚µã‚¤ãƒˆã§ã¯ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã„ã¦é‡è¦ãªæ„å‘³ã‚’æŒã¡ã¾ã™ã€‚ã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸Šæ‰‹ãä½œã‚‰ã‚Œã¦ã„ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚µã‚¤ãƒˆã‚’æ·±ãã¾ã§æŽ¢æ±‚ã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚ ä¿¡ã˜ã‚‰ã‚Œãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¬ãƒ™ãƒ«ã‚’æ¬¡ã®ã‚¹ãƒ†ãƒƒãƒ—ã¾ã§å¼•ãä¸Šã’ã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŸã¡ãŒã„ã¾ã™ã€‚ã“ã“ã§ã¯Webã‚µã‚¤ãƒˆæ”¹å–„ã«å½¹ç«‹ã¤ã€ç‹¬å‰µçš„ãªãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§ç›´è¦³çš„ãªãƒ›ãƒãƒ¼åŠ¹æžœ åŸºæœ¬çš„ãªãƒ›ãƒãƒ¼åŠ¹æžœã«ã‚ˆã£ã¦æ¨™æº–çš„ãªãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã¯å¤§å¹…ã«æ”¹å–„ã•ã‚Œã¾ã™ã€‚ã‚«ãƒ¼ã‚½ãƒ«ç§»å‹•ã«åˆã‚ã›ã¦æ»‘
poriringoo 2019/03/07
ux

ui

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

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

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
[JS]ç”»åƒã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ°´å¹³ãƒ»åž‚ç›´ã«æ°—æŒã¡ã‚ˆãã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã¦è¡¨ç¤ºã™ã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sly
æ°´å¹³ãƒ»åž‚ç›´ã«é…ç½®ã—ãŸç”»åƒã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ°—æŒã¡ã‚ˆãã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã“ã¨ã¨æ¬¡ã«è¡¨ç¤ºã™ã‚‹ã‚¢ã‚¤ãƒ†ãƒ ã®ãƒã‚¸ãƒƒã‚¯ã«ã“ã ã‚ã£ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ IE6ã«ã‚‚å¯¾å¿œã—ã¦ã‚‹ã®ãŒã³ã£ãã‚Šã§ã™ï¼ ç‰¹å¾´ã¯æ°—æŒã¡ã®ã„ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã ã‘ã§ãªãã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒã‚¸ãƒƒã‚¯ã‚‚ç›´è¦³çš„ã§ã€æ¬¡ã«è¡¨ç¤ºã™ã‚‹ã¹ãã‚¢ã‚¤ãƒ†ãƒ ã‚’è‡ªå‹•çš„ã«å…ˆé ã«é…ç½®ã—ã¾ã™ã€‚ã‚¯ãƒªãƒƒã‚¯ã§ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ã—ãŸã‚¢ã‚¤ãƒ†ãƒ ã‚‚å¸¸ã«ä¿æŒã—ã¾ã™ã€‚ æ“ä½œã¯ä¸Šéƒ¨ã®ãƒãƒ¼ã€FRAMEä¸Šã§ãƒ›ã‚¤ãƒ¼ãƒ«ã€ãƒ‘ãƒãƒ«ã®ã‚¯ãƒªãƒƒã‚¯ã€ä¸‹éƒ¨ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã€ã¾ãŸä¸‹éƒ¨ã®ãƒœã‚¿ãƒ³ã§ã¯å‰ãƒ»æ¬¡ã€æœ€åˆãƒ»æœ€å¾Œãƒ»ä¸å¤®ãªã©ã®æ“ä½œã‚‚ã§ãã¾ã™ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§ã®æ“ä½œã¯æ¬¡ã«è¡¨ç¤ºã™ã‚‹ã‚¢ã‚¤ãƒ†ãƒ ã‚’å…ˆé ã«é…ç½®ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ã€æ°´å¹³æ–¹å‘ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã ã‘ã§ãªãã€åž‚ç›´æ–¹å‘ã€ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚ã‚ã‚Šã¾ã™ã€‚
poriringoo 2014/12/14
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

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

javascript
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ãµã‚ã£ã¨è¡¨ç¤ºã•ã‚Œã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã€ŒResponsive Multi-Level Menuã€
Responsive Multi-Level Menu | Codrops ä»Šå›žã¯ã€ä¸»ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã§æ´»èºã—ãã†ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¿ã‚¤ãƒ—ã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ é™ã‚‰ã‚ŒãŸã‚¹ãƒšãƒ¼ã‚¹ã‹ã‚‰ã§ã‚‚ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ãµã‚ã£ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰å±•é–‹ã—ã¦è¡¨ç¤ºã•ã›ã¦ãã‚Œã¾ã™ã€‚ ã¾ãšã¯ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã€ŒResponsive Multi-Level Menuã€ã‚µãƒ³ãƒ—ãƒ« å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã‚„IEãªã©ã§ã¯ä½œå‹•ã—ã¾ã›ã‚“ãŒã€æœ€æ–°ãƒ–ãƒ©ã‚¦ã‚¶ãŒæ¨™æº–ã®ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã«ãƒ”ãƒƒã‚¿ãƒªã§ã™ãã€‚ ã€è¨ç½®æ–¹æ³•ã€‘ ã“ã¡ã‚‰ã®Responsive Multi-Level Menuã‹ã‚‰ã‚½ãƒ¼ã‚¹ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ã“ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ããŸã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚‚ã¨ã«è¨ç½®ã—ã¦ã¿ã¾ã™ã€‚ ï¼œheadï¼žéƒ¨åˆ†ã«CSSé–¢é€£ã‚’èªã¿è¾¼ã‚€è¨˜è¿°ã‚’ã—ã¾ã™ã€‚ <link rel="stylesheet" type="
poriringoo 2014/09/26
jQuery

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

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
jQueryã§ä½œã‚‹ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ†ã‚ã‚¹ãƒˆã‚¿ã‚¤ãƒ—ã®ç¸¦åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³10ç¨®
ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹html ä»Šå›žã¯ãƒ†ã‚ã‚¹ãƒˆã‚¿ã‚¤ãƒ—ãªã®ã§æ–‡å—åˆ—ã‚’ãƒªã‚¹ãƒˆã§ä¸¦ã‚‹ã ã‘ã§ã™ãã€‚ ä¸€éƒ¨spanã‚’å…¥ã‚ŒãŸæ–¹ãŒå‹•ä½œãŒå®‰å®šã™ã‚‹ã“ã¨ãŒã‚ã£ãŸã®ã§å…¥ã‚Œã¦ã¾ã™ã€‚javascriptã®ã‚³ãƒ¼ãƒ‰ã«spanã‚’æŒ‡å®šã—ã¦ã„ãªã‹ã£ãŸã‚‰å¤–ã—ã¦ãã ã•ã„ã€‚ html <ul id="nav1"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">GALLERY</a></li> <li><a href="#">LINK</a></li> </ul> 1.ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒœã‚¿ãƒ³ å˜ç´”ã«æ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ŒmarginLeftã€ã‚’å¤‰åŒ–ã•ã›ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆã®è‰²ã¯cssã§å¤‰ãˆã¦ã¾ã™ã€‚ ã“ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«é™ã£ã¦ã¯liã«spanã‚’å…¥ã‚Œã‚‹ã¨å®‰å®šã—ã¦å‹•ä½œã™ã‚‹ã£ã½ã„ã§ã™ã€‚ html <li><a href="
poriringoo 2013/03/07
jQuery

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

tips
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ãƒ‡ã‚¢æº€è¼‰ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã¾ã¨ã‚
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ãã‚Œãžã‚Œã«é©ã—ãŸè¡¨ç¤ºã«ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSSã§ã€JavaScriptä½µç”¨ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ç°¡å˜å®Ÿè£…ãªã©ã€ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ã€‚
poriringoo 2013/03/06
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ãƒ•ãƒªãƒ¼ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é›† -Styled Menu
Styled Menuã‹ã‚‰ã€IE6/7, Firefox, Opera, Safari, Chromeã«å¯¾å¿œã—ãŸã€ãƒ•ãƒªãƒ¼ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Styled Menu ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãƒ©ãƒ™ãƒ«ã‚’æ—¥æœ¬èªžã«å¤‰æ›´ã™ã‚‹ãªã©ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚å¯èƒ½ã§ã™ã€‚
poriringoo 2011/04/26
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ç¶ºéº—ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã®ã‚ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼50é¸ â€“ creamu
ç¶ºéº—ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚ŠãŸã„ã€‚ ãã‚“ãªã¨ãã«å‚è€ƒã«ãªã‚‹ã®ãŒã€ã€Ž50 Beautiful And User-Friendly Navigation Menusã€ã€‚Smashing Magazineã«ã‚ˆã‚‹ã€ç¶ºéº—ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã®ã‚ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼50é¸ã ã€‚ ä»¥ä¸‹ã«ã„ãã¤ã‹ã”ç´¹ä»‹ã€‚ â†‘ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã¯Jayme Blackmonã€‚ Nopokographics Nando Designer Iipvapi Ruby Tuesday ãã®ä»–ã®ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Â» 50 Beautiful And User-Friendly Navigation Menus ç¶ºéº—ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã®ã‚ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã ã‚ã†ã‹ã€‚ ã„ã‚ã„ã‚ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã¾ã™ã€‚å‹‰å¼·ã«ãªã‚‹ãã€‚
poriringoo 2011/04/26
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
spoonfeddesign.com
This domain may be for sale!
poriringoo 2011/04/26
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
40 Creative Navigation Menus | Pro Blog Design
One of the first things to do when planning out a new website is to work out all of the content that will be in the site. You then divide that up into sections and then into various levels of navigation. The result is a boring list of links. That list of links is one of the most important part of your website though, it goes without saying that every visitor to the site will be using them to get a
poriringoo 2011/04/26
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã«ã“ã ã‚ã£ãŸã€ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é›†
1ãƒ”ã‚¯ã‚»ãƒ«ã®ãƒ©ã‚¤ãƒ³ã€ç´°ã‹ã„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ç¾Žã—ã„ã‚°ãƒ©ãƒ‡ã€ç¹Šç´°ãªãƒ†ã‚¯ã‚¹ãƒãƒ£ãªã©ã‚’ä½¿ç”¨ã—ã¦ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã«ã“ã ã‚ã‚Šã¤ã¤ã€ä¸»å¼µã—ã™ãŽãªã„ç´ æ™´ã‚‰ã—ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’Dribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
poriringoo 2011/04/26
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ä½¿ã„ã‚„ã™ã„ã‚¿ãƒ–åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
The Usability Postã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€æŠ¼ã•ãˆã¦ãŠããŸã„ã€ã‚¿ãƒ–åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®5ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 5 Steps for the Perfect Tabbed Navigation Menu ã‚ãƒ£ãƒ—ãƒãƒ£ç”»åƒã¯ã€ä½¿ã„ã«ãã„ã‚¿ãƒ–åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ç¾åœ¨ä½ç½®ã¯ã€ŒSite Detailsã€ã¨ã€ŒStatisticsã€ã®ã©ã¡ã‚‰ã«è¦‹ãˆã¾ã™ã‹ï¼Ÿ ã‚¿ãƒ–ãŒã‚ˆã‚Šå¤§ããã€ä¸‹ã®ã‚°ãƒ¬ãƒ¼ã¨åŒã˜è‰²ã ã‹ã‚‰ã€ŒSite Detailsã€ã§ã™ã‹ï¼Ÿã€€ã‚¿ãƒ–ã®ã™ãä¸‹ã®ç™½è‰²ãŒåŒã˜ã ã‹ã‚‰ã€ŒStatisticsã€ã§ã™ã‹ï¼Ÿ ä¸‹è¨˜ã¯ã€ä½¿ã„ã‚„ã™ã„ã‚¿ãƒ–åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹5ã¤ã®ãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¿ãƒ–ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æŽ¥ç‚¹ ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¿ãƒ–ã¨ä»–ã®ã‚¿ãƒ–ã®è‰² ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¿ãƒ–ã®ãƒ†ã‚ã‚¹ãƒˆã®è‰² ã‚¿ãƒ–ã®ãƒªãƒ³ã‚¯ã‚¨ãƒªã‚¢ã®å¤§ãã• ã‚¿ãƒ–ã®æ¥è¨ªæ™‚ã®çŠ¶æ…‹ ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¿ãƒ–ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æŽ¥ç‚¹ ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¿ãƒ–ã¯ã€ãã®ã‚³ãƒ³ãƒ†
poriringoo 2011/03/03
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

UI

ã‚¿ãƒ–
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä½œæˆï¼ªï¼³ã€ŒSliding JavaScript Dropdown Menuã€:phpspoté–‹ç™ºæ—¥èªŒ
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä½œæˆï¼ªï¼³ã€ŒSliding JavaScript Dropdown Menuã€ 2008å¹´04æœˆ30æ—¥- Sliding JavaScript Dropdown Menu - Web Development Blog This lightweight drop down menu script (~1.8kb) allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc.ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä½œæˆï¼ªï¼³ã€ŒSliding JavaScript Dropdown Menuã€ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä¸èº«ã¯å˜ãªã‚‹ul li
poriringoo 2010/08/24
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
CSSã§å®Ÿè£…ã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›† -Only Css Menu
ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã€CSS3ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ä½œæˆã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML/CSSã®åˆå¿ƒè€…ã®äººã§ã‚‚ç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚
poriringoo 2010/08/13
css3

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
jQuery+CSSã§å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç·é›†ç·¨ - ã‹ã¡ã³ã¨.net
jQueryã‚’ä½¿ç”¨ã—ãŸcssãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã¾ã¨ã‚ã§ã™ã€‚ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„ ã‚¹ãƒ©ã‚¤ãƒ‰ã€æ»‘ã‚‰ã‹ã«ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã™ã‚‹ã€ ãªã©ãªã©è‰²ã€…ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ãã‚Œã»ã©å¤šç”¨ã¯ã—ã¾ã›ã‚“ãŒã€å¿…è¦ãª æ™‚ã«æŽ¢ã™ã®ãŒé¢å€’ãªã®ã§å‚™å¿˜éŒ²çš„ã«ã€‚ ã¨ã„ã†è¨³ã§ã€å€‹äººçš„ãªjQuery+cssãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ç·é›†ç·¨ã§ã™ã€‚ å…¨éƒ¨ã§73å€‹ã€‚è¤‡æ•°ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®ç¢ºèªã¯ã—ã¦ã„ã¾ã›ã‚“ã€‚é †ä¸åŒã§ã™ã€‚å°‘ã—é‡ã„ã‹ã‚‚ãƒ»ãƒ» Large Drop Down Menu ã‚¹ãƒ©ã‚¤ãƒ‰&ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 ã‚«ãƒƒã‚³ã„ã„ã§ã™ããƒ¼ã€‚åå¯¾å´ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‚css3ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ Fly-out Menu with jQuery and CSS3 Rocking and Rol
poriringoo 2010/07/23
jquery

CSS

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
[CSS]CSS3ã®æ©Ÿèƒ½ã‚’ãµã‚“ã ã‚“ã«ä½¿ç”¨ã—ãŸå®Ÿç”¨çš„ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€RGBaã€è§’ä¸¸ãªã©CSS3ã®æ©Ÿèƒ½ã‚’ãµã‚“ã ã‚“ã«ä½¿ç”¨ã—ã¤ã¤ã€éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚æœ€ä½Žé™ã®æƒ…å ±ã‚’æä¾›ã—ã¦ã„ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Creating a pure CSS dropdown menu ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯JavaScriptã‚’ä½¿ç”¨ã›ãšCSSã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€CSS3ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹Chrome, Safariã§ã™ã¹ã¦ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’æ¥½ã—ã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚
poriringoo 2010/06/25
css3

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
1