[B! ã‚¹ã‚¯ãƒãƒ¼ãƒ«] yo-11-06ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yo-11-06 id:yo-11-06

ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«é–¢ã™ã‚‹yo-11-06ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

ScrollMenuBarDemo - SmartNewsé¢¨ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿç¾ - ãƒ¢ãƒã‚¤ãƒ«/ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ç´¹ä»‹ - Mobile Touch - ãƒ¢ãƒã‚¤ãƒ«/ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆé–‹ç™ºè€…ãŠã‚ˆã³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘æƒ…å ±ãƒãƒ¼ã‚¿ãƒ«
ã„ã„UIã¨ã„ã†ã®ã¯ã¤ã„çœŸä¼¼ã—ãŸããªã‚‹ã‚‚ã®ã§ã™ã€‚ãã‚ŒãŒç‰¹ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã®è‰¯ã•ã‚’å£²ã‚Šã«ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã®å ´åˆã¯ãã†ã§ã—ã‚‡ã†ã€‚ä»Šå›žã¯ã‚ãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‹ãƒ¥ãƒ¼ã‚¹é…ä¿¡ã‚¢ãƒ—ãƒªã€SmartNewsã«æ³¨ç›®ã—ãŸScrollMenuBarD emoã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ScrollMenuBarD emoã¯SmartNewsã‚¢ãƒ—ãƒªã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼éƒ¨åˆ†ã€ã‚¿ãƒ–é¢¨ã«åˆ†ã‹ã‚Œã¦ã„ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹æ©Ÿèƒ½ã«æ³¨ç›®ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã§ã¯è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ScrollMenuBarD emoã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ ãƒˆãƒƒãƒ— ãŠãŠã€å®Ÿã«ãã‚Œã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ã‚¿ãƒ–ã¯æœ€å¤§å¹…ãŒæ±ºã‚ã‚‰ã‚Œã€ãã‚Œã«å¾“ã£ã¦å¹…ãŒå¢—æ¸›ã™ã‚‹ä»•çµ„ã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ« ã‚‚ã¡ã‚ã‚“ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¯èƒ½ã§ã™ã€‚ ã‚¿ãƒƒãƒ— ã©ã®ã‚¿ãƒ–ã‚’ã‚¿ãƒƒãƒ—ã—ãŸã‹è£œè¶³ã§ãã¾ã™ã€‚ã‚¿ãƒ–ã®ä¸‹ã®å°ã•ã„ãƒãƒ¼éƒ¨åˆ†ã®è‰²ã‚‚å¤‰ã‚ã£ã¦ã„ã¾ã™ã€‚ åˆ¥ã‚¿ãƒ–ã«åˆ‡ã‚Šæ›¿ãˆ ã‚¹ãƒ ãƒ¼ã‚ºãªæ“ä½œã§åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ScrollMenuBarD emoã®ä½¿ã„æ–¹
yo-11-06 2014/04/30
ã‚¹ã‚¯ãƒãƒ¼ãƒ«

UI

ios
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³8é¸
twitter facebook hatena google pocket ã„ã¾ã•ã‚‰ãªæ°—ã‚‚ã—ã¾ã™ãŒã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚µã‚¤ãƒˆã‚’ç°¡å˜ã«å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ sponsors #1 Nikebetterworld Parallax Effect Demo | Ian Lunn è€èˆ—ãªæ„Ÿã˜ã®ã¨ã“ã‚ã§ã™ãã€‚ jQuery localscrollã¨ã‹ã€jQuery scrollToã‚’é§†ä½¿ã—ã¦ã„ã¾ã™ã€‚ URLï¼šhttp://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/ demoï¼šhttp://ianlunn.co.uk/plugins/jquery-parallax/ #2 JoelBesada/scrollpath GitHub è¦‹ãˆãªã„ãƒ‘ã‚¹ã«ãã£ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ã£ã¦æ°—æŒã¡ã„ã„æ„Ÿã˜ã§ã™ã€‚ ã“ã‚“ãªè¨˜è¿°ãŒå¿…
yo-11-06 2013/11/09
ã‚¹ã‚¯ãƒãƒ¼ãƒ«

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

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

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

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

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ã¿ãŸã„ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®åºƒå‘Šã‚’å›ºå®šã™ã‚‹ - ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ å¤ã§ã™ãï¼ çœŸå¤ã§ã™ãï¼ï¼ ã¨ã“ã‚ã§æœ€è¿‘ã€ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ã®ä¸€éƒ¨ã®äººæ°—ãƒ–ãƒã‚°ã§ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®æŒ™å‹•ã«ã€Œã‚“ã‚“ï¼Ÿã€ã£ã¦æ€ã£ãŸã“ã¨ã‚ã‚Šã¾ã›ã‚“ã‹ï¼ â€¦ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšã£ã¦ã“ã¨ã§ã€å®Ÿéš›ã®ä¾‹ã‚’ã¿ã¦ã¿ã¾ã—ã‚‡ã†ï¼ â€»PCç‰ˆã®ã¿ã§ã™ ãƒãƒ ã‚¹ã‚¿ãƒ¼é€Ÿå ± (å·¦ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’è¦‹ãªãŒã‚‰ã€ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ãã ã•ã„) ç—›ã„ãƒ‹ãƒ¥ãƒ¼ã‚¹(ï¾‰âˆ€`) (å³ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’è¦‹ãªãŒã‚‰ã€ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ãã ã•ã„) ã‚ã‚‹ç¨‹åº¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®åºƒå‘ŠãŒã´ãŸã£ã¨å›ºå®šã•ã‚Œã¾ã™ãï¼ ã“ã‚Œã£ã¦æµè¡Œã‚Šãªã‚“ã§ã—ã‚‡ã†ã‹â€¦ï¼ ãã‚“ãªã‚ã‘ã§ã€ã‚‚ã—ã‹ã—ãŸã‚‰åŒã˜ã“ã¨ã‚’ã‚„ã‚ŠãŸã„äººãŒä»–ã«ã‚‚ã„ã‚‹ã®ã‹ã‚‚ï¼Ÿã¨æ€ã£ã¦ã€ ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹JavaScriptã«ã—ã¦ã¿ã¾ã—ãŸï¼ â†“ å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã§ã™ï¼ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®åºƒå‘Šã‚’å›ºå®šã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å‹•ä½œã‚µãƒ³ãƒ—ãƒ« â†“ ã‚³ãƒ¼ãƒ‰ã¯ã“ã‚Œã§ã™ï¼ é©å½“ã«ã‚³ãƒ”ãƒšã—ã¦ãƒ–ãƒã‚°ã«è²¼ã‚Šä»˜ã‘ã¦ãï¼ <script t
yo-11-06 2012/08/20
ã‚¹ã‚¯ãƒãƒ¼ãƒ«

å›ºå®š
ãƒªãƒ³ã‚¯
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸè¦ç´ ã‚’ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«å›ºå®šã™ã‚‹PersistentHeadersãƒ—ãƒ©ã‚°ã‚¤ãƒ³
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸè¦ç´ ã‚’ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«å›ºå®šã™ã‚‹PersistentHeadersãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¬é–‹ã—ã¾ã™ã€‚ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã€ä¸‹è¨˜ã®ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã—ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã‚‚ã®ã§ã™ã€‚ PersistentHeaders ï¼‘ï¼Žã‚µãƒ³ãƒ—ãƒ« ã‚µãƒ³ãƒ—ãƒ«ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†ãŒãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«å›ºå®šã•ã‚Œã¾ã™ã€‚ã¾ãŸã€ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’å«ã‚“ã ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒãƒšãƒ¼ã‚¸ã‹ã‚‰æ¶ˆãˆã‚‹ã¨å›ºå®šã•ã‚Œã¦ã„ãŸãƒ˜ãƒƒãƒ€ãƒ¼ã‚‚æ¶ˆãˆã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« ï¼’ï¼Žãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã€ãƒ•ã‚¡ã‚¤ãƒ«åã‚’ã€Œjquery.persistentheaders.jsã€ã«ãƒªãƒãƒ¼ãƒ ã—ã¦ãã ã•ã„ã€‚ jquery.persistentheaders_0.0.1.js jquery.persistentheaders_0.0.2.js ä»¥ä¸‹ã€è¨å®šæ–¹æ³•ã§ã™ã€‚ ï¼“ï¼ŽHTML H
yo-11-06 2012/03/27
ã“ã‚Œã¯ã„ã„ãï¼

jQuery

å›ºå®š

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

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ä¸Šã«å›ºå®šã•ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï½œWebpark
ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚¿ã‚¤ãƒ—ã®jQueryã‚’ä½¿ã£ãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ä¸Šã«å›ºå®šã•ã‚Œã¦ã„ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚æœ€è¿‘FC2ãƒ–ãƒã‚°ã®ä¸Šéƒ¨ã«ç¾ã‚ŒãŸæ¤œç´¢ãƒãƒ¼ï¼ˆã“ã®ãƒ–ãƒã‚°ã¯éžè¡¨ç¤ºã«ã—ã¦ã¾ã™ï¼‰ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã€‚ <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ else $('#nav').stop().animate({'opacity':'1'},400); //ä¸€ç•ªä¸Šã«ã‚ã‚‹ã¨ã }); $('#nav').hover( function (e) { var scrollTop =
yo-11-06 2011/03/25
å›ºå®š

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

å›ºå®šãƒ¡ãƒ‹ãƒ¥ãƒ¼

jquery
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
yo-11-06 2011/02/25
jQuery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
1