[B! jQuery] rysterã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ryster id:ryster

jQueryã«é–¢ã™ã‚‹rysterã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ãŒãƒ˜ãƒƒãƒ€ã®ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒScrolline.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
anthonyly/Scrolline.js GitHub ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ãŒãƒ˜ãƒƒãƒ€ã®ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒScrolline.jsã€ã€‚ æ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ¢ãƒ€ãƒ³ãªæ„Ÿã˜ã§ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ãŒä¼¸ã³ã¦ã„ãã€ã©ã®ãã‚‰ã„èªã‚“ã ã‹ãŒåˆ†ã‹ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚ é•·æ–‡ãƒ†ã‚ã‚¹ãƒˆç³»ã‚µã‚¤ãƒˆã§ä½¿ãˆãã†ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª å®Œç’§ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œperfect-scrollbarã€ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«é€£å‹•ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœãŒä½œã‚Œã‚‹ã€ŒScrollMagicã€ ãƒšãƒ¼ã‚¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦è¦ç´ ã‚’æ§˜ã€…ã«CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¤ã¤è¡¨ç¤ºã§ãã‚‹ã€ŒStory Boxã€ è¿«åŠ›ã®ã‚ã‚‹ãƒšãƒ¼ã‚¸åˆ‡ã‚Šæ›¿ãˆãŒå¯èƒ½ãªãƒžãƒ«ãƒã‚¹ã‚¯ãƒãƒ¼ãƒ«åŠ¹æžœå®Ÿè£…ã€Œmultiscroll.jsã€
ryster 2015/02/11
jQuery
ãƒªãƒ³ã‚¯
jQueryã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã¾ã§ã®æ³¨æ„æ›¸ãï¼ˆWebãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰
jQuery ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã€åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚‹ã¨ã“ã‚ã¾ã§ã€åˆå¿ƒè€…ã®é ƒã«ã¤ã¾ãšã„ãŸéƒ¨åˆ†ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãªã©ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€å°‘ã—é›£ã—ã„å°è±¡ã®å°‚é–€ç”¨èªžã‚‚ç¹”ã‚Šäº¤ãœãªãŒã‚‰æ›¸ãã¾ã—ãŸã€‚jQuery ã§ Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘ãƒ¼ãƒ„ã‚’ä½œã‚‹ã¨ãã®æ³¨æ„æ›¸ãã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€ç§çš„ã«ã¯ã¨ã£ã¦ã‚‚ã‚ˆãä½¿ã£ã¦ã„ã‚‹ jQueryã€‚jQuery ã‚’å‹‰å¼·ã—ã ã—ãŸã“ã‚ã¯ã€è‡ªåˆ†ã®æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå‹•ã„ãŸã‚Šã™ã‚‹ã®ãŒã€ã¨ã£ã¦ã‚‚æ¥½ã—ãã¦å¬‰ã—ã‹ã£ãŸè¦šãˆãŒã‚ã‚Šã¾ã™ã€‚ç§ã¯ã‚ã¾ã‚Š JavaScript ã§ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå¾—æ„ã§ã¯ãªã„ã®ã§ã€ä»Šã§ã‚‚ã‚ˆã jQuery ã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¾ã™ â€¦ã€‚ ä»¥å‰ï¼šCSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ â€¦ ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãã‚Œã‚‹ã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯ãã®å¾©ç¿’ & jQuery
ryster 2012/11/26
jQuery
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºã«å¿œã˜ã¦srcã‚„widthã‚’ç½®ãæ›ãˆã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒResponsive Imgã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºã«å¿œã˜ã¦srcã‚„widthã‚’ç½®ãæ›ãˆã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒResponsive Imgã€ 2012å¹´11æœˆ22æ—¥- Responsive Img - a jQuery Plugin for Responsive Images ãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºã«å¿œã˜ã¦srcã‚„widthã‚’ç½®ãæ›ãˆã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒResponsive Imgã€ å˜ã«ç”»åƒã‚’ãƒªã‚µã‚¤ã‚ºã™ã‚‹ã ã‘ã§ã¯ãªãsrcã‚‚ç½®ãæ›ãˆã¦ãã‚Œã‚‹ãã†ã€‚ PCç‰ˆã‚’å˜ã«ç¸®å°ã™ã‚‹ã®ã§ã¯ãªãã¦ã€ã‚¹ãƒžãƒ›ã§ã¯åˆ¥ã®ç”»åƒã‚’ä½¿ã†ã€ã¨ã„ã£ãŸå ´åˆã«ã‚‚ä½¿ãˆãã†ã§ã™ã ãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºã«å¿œã˜ã¦åˆ¥ã®ç”»åƒã«åˆ‡ã‚Šæ›¿ãˆã¦æœ€é©åŒ–ã—ãŸã„ã¨ã„ã†å ´åˆã¯ãã‚Œãªã‚Šã«ã‚ã‚‹ã¨æ€ã†ã®ã§ã€è¦šãˆã¦ãŠã„ã¦ã‚‚ã‚ˆã•ãã†ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª WEBãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹äººãªã‚‰å…¥ã‚Œã¦ãŠããŸã„ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBã‚µã‚¤ãƒˆä½œæˆã«å½¹ç«‹ã¤ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã€ŒViewport Resizerã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ryster 2012/11/22
jQuery
ãƒªãƒ³ã‚¯
DOMè¦ç´ ã‚’ã‚¿ãƒ¼ãƒŸãƒŠãƒ«é¢¨ã®å…¥åŠ›ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã—ã¦ãã‚Œã‚‹ã€ŒcssConsoleã€:phpspoté–‹ç™ºæ—¥èªŒ
cssConsole DOMè¦ç´ ã‚’ã‚¿ãƒ¼ãƒŸãƒŠãƒ«é¢¨ã®å…¥åŠ›ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã—ã¦ãã‚Œã‚‹ã€ŒcssConsoleã€ divã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§è¿½åŠ ã•ã‚Œã‚‹ã€.cssConsoleã§åˆæœŸåŒ–ã€‚ æ¬¡ã®ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«å¤‰æ›ã•ã‚Œã€å…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã«å¤‰åŒ–ã—ã¾ã™ã€‚ inputã®ä»£ç”¨ã¨ã—ã¦ã‚‚ä½¿ãˆãã†ã§ã™ãŒã€ã‚µãƒ¼ãƒã‚³ãƒžãƒ³ãƒ‰ã‚’è¼‰ã›ã‚‹å ´åˆãªã‚“ã‹ã§ã€ã¡ã‚‡ã£ã¨å¤‰æ›´ã—ã¦ã‚³ãƒ”ãƒ¼ã™ã‚‹çš„ãªç”¨é€”ã«ä½¿ãˆãã†ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã«æ–‡å—ã‚’æ‰“ã£ã¦ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒTypistã€ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã§ãã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€ŒCodiadã€ ã‚¯ãƒªãƒƒã‚¯ã§æ°´æ»´ã‚’è½ã¨ã—ãŸã‚ˆã†ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‰ã‚Œã‚‹ï½ŠQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.twinkleã€
ryster 2012/10/30
jQuery
ãƒªãƒ³ã‚¯
Googleã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼é¢¨æ“ä½œæ„Ÿã‚’æŒã¤ç¾Žã—ã„ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒFullCalendarã€:phpspoté–‹ç™ºæ—¥èªŒ
FullCalendar - Full-sized Calendar jQuery Plugin Googleã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼é¢¨æ“ä½œæ„Ÿã‚’æŒã¤ç¾Žã—ã„ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒFullCalendarã€ ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼å®Ÿè£…ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯è‰²ã€…ã¨ã‚ã‚Šã¾ã™ãŒã€UIãŒç¶ºéº—ã«ä½œã‚‰ã‚Œã¦ã„ã‚‹ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ï¼‘ã¤ã¨ã—ã¦ã”ç´¹ä»‹ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒå……å®Ÿã—ã¦ãŠã‚Šã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºåˆ¶ãŒé«˜ã„ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Google Calendaré¢¨ã«ä½¿ãˆã‚‹ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œjquery-frontier-calendarã€ ã“ã‚Œã§è‡ªå‰ã§Googleã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’æŒã¦ã‚‹ï¼jQueryï¼†PHPã§å®Ÿç¾ã•ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒ
ryster 2012/10/05
jQuery

calendar

google
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚µãƒ–ãƒŸãƒƒãƒˆã‚’ãã‚Šãã‚Šã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ jquery.submittable.js ãƒªãƒªãƒ¼ã‚¹ï¼
ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚µãƒ–ãƒŸãƒƒãƒˆã‚’ãã‚Šãã‚Šã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ jquery.submittable.js ãƒªãƒªãƒ¼ã‚¹ï¼2012-09-01 ã•ã¦çªç„¶ã§ã™ãŒã€ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªãƒ»ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ã‚‹æ™‚ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ‚©ã¿ã‚’æŒã¤ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šã€ãƒªãƒ³ã‚¯ã«ãªã£ã¦ã„ã‚‹æ‰€ã‹ã‚‰ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚µãƒ–ãƒŸãƒƒãƒˆã—ãŸã„ é€²ã‚€ãƒœã‚¿ãƒ³ã¨æˆ»ã‚‹ãƒœã‚¿ãƒ³ã§ãƒ•ã‚©ãƒ¼ãƒ ã®é·ç§»å…ˆã‚’å¤‰ãˆãŸã„ ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚µãƒ–ãƒŸãƒƒãƒˆå‰ã«ç¢ºèªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’è¡¨ç¤ºã—ãŸã„ ã‚µãƒ–ãƒŸãƒƒãƒˆãƒœã‚¿ãƒ³ã®ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§ãƒ•ã‚©ãƒ¼ãƒ ãŒäºŒé‡ã‚µãƒ–ãƒŸãƒƒãƒˆã•ã‚Œãªã„ã‚ˆã†ã«ã—ãŸã„ ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹/ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ç‰ã‚’å¤‰æ›´ã—ãŸæ™‚ã«ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚µãƒ–ãƒŸãƒƒãƒˆã—ãŸã„ ãã®æ™‚ã€…ã«å¿œã˜ã¦ JavaScript ã®ãƒã‚¸ãƒƒã‚¯ã‚’è¨˜è¿°ã—ãŸã‚Šã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ä¸€ç”Ÿæ‡¸å‘½é ‘å¼µã£ãŸã‚Šãªã©ã—ã¦ã¯ã„ã¾ã›ã‚“ã‹ï¼Ÿ jquery.submittable.js ã‚’ä½¿ã†ã“ã¨ã§ã€ãã‚Œã‚‰ã®æ‚©ã¿ãŒç°¡å˜ã«è§£æ±ºã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã‚µãƒ³ãƒ—ãƒ«
ryster 2012/09/03
jQuery
ãƒªãƒ³ã‚¯
ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
gmaps.js ? the easiest way to use Google Maps ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€ Googleãƒžãƒƒãƒ—ã®ã‚µã‚¤ãƒˆã¸ã®å®Ÿè£…ãŒæœ¬å½“ã«ç°¡å˜ã§ã€ã‹ã¤å¤šæ©Ÿèƒ½ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã”ç´¹ä»‹ã§ã™ ç°¡å˜ãªãƒžãƒƒãƒ—ã‚’å‡ºã™ã®ã«å¿…è¦ãªã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã€‚ è¡¨ç¤ºã•ã›ã‚‹divã¨ç·¯åº¦çµŒåº¦ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã™ å‡ºæ¥ã‚‹ã“ã¨ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ ãƒžãƒƒãƒ—ã®ã‚¯ãƒªãƒƒã‚¯ã€ãƒ‰ãƒ©ãƒƒã‚°æ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©å®Ÿè£… ãƒžãƒ¼ã‚«ãƒ¼ä»˜ä¸Ž ã‚¸ã‚ªãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° ãƒžãƒƒãƒ—ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ ãƒžãƒƒãƒ—ä¸Šã®ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£… åœ°å›³ä¸Šã®åŒºç”»æŒ‡å®š ç›®çš„åœ°ã¾ã§ã®ãƒ«ãƒ¼ãƒˆæç”» é™çš„ãªç”»åƒã‚’ãƒžãƒƒãƒ—è¡¨ç¤º ãªã©ãªã©è¶…å¤šæ©Ÿèƒ½ã€‚ Googleãƒžãƒƒãƒ—ä½¿ã†ã‹ã‚‚ã—ã‚Œãªã„å ´åˆã¯è¦šãˆã¦ãŠã„ã¦æã¯ã‚ã‚Šã¾ã›ã‚“ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleãƒžãƒƒãƒ—é–¢é€£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† ã‚¹ãƒžãƒ›ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§Googleãƒžãƒƒãƒ—é¢¨
ryster 2012/06/04
google

jQuery
ãƒªãƒ³ã‚¯
1