[B! jquery] chlonoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

chlono id:chlono

jqueryã«é–¢ã™ã‚‹chlonoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (237)

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

2019å¹´ã«ãªã£ã¦ã‚‚ã¾ã jQueryã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ç†ç”±
ç¾åœ¨ã€jQueryã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹äººã€ãã—ã¦jQueryã‚’å–ã‚ŠåŽ»ã‚ã†ã¨ã—ã¦ã„ã‚‹äººãŒã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚jQueryã®ä½¿ç”¨ã«å¯¾ã™ã‚‹ä¸€ã¤ã®è€ƒãˆæ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Why I'm still using jQuery in 2019 by Martin Tournoij ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯å…ƒã‚µã‚¤ãƒˆæ§˜ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®å…ƒã€ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 2019å¹´ã«ãªã£ã¦ã‚‚ã¾ã jQueryã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã¯ãªãœã§ã™ã‹ Hacker News ã§ã®è°è«– å¤šãã®äººãŒã€Œæ™®é€šã®JavaScriptã‚’ä½¿ãˆã°ã€jQueryã¯å¿…è¦ãªã„ã€ã¨ä¸»å¼µã—ã¦ã„ã¾ã™ã€‚ç§ã¯å¤šãã‚’å¿…è¦ã¨ã—ãªã„ã®ã§ã€jQueryã‚’å¿…è¦ã¨ã—ã¾ã›ã‚“ãŒã€ç¢ºã‹ã«ä¾¿åˆ©ã§ã™ã€‚ You might not need jQueryã®ã‚ˆã†ãªãƒšãƒ¼ã‚¸ã§ã¯ã€jQueryã‚’æ¨ã¦ã‚‹ã®ã¯ç°¡å˜ã ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å£²ã‚Šè¾¼ã‚‚ã†ã¨ã—ã¦ã„ã¾ã™ãŒã€é€†ã«ã“ã®ãƒšãƒ¼ã‚¸ã®æœ€åˆã®ä¾‹
chlono 2019/06/05
javascript

jquery
ãƒªãƒ³ã‚¯
jQuery A+ plugin
jQuery A+ is an unobtrusive script that adds useful features to 'A' tags allowing webpages to maintain compatibility with HTML standards. The script syntax is compatible with all HTML / XHTML standards. For example, you can open link in a new window/tab (like target="_blank") without invalidating the HTML code: <a href="index.htm" class="blank">Click Me</a> or open a popup window without using jav
chlono 2018/09/07
aã‚¿ã‚°ã«ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã„ã‚ã„ã‚å‹•ä½œã‚’å¤‰ãˆã‚‰ã‚Œã‚‹

jquery

javascript
ãƒªãƒ³ã‚¯
MixItUp | KunkaLabs
MixItUp 3 A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more... MixItUp gives you beautiful animated DOM manipulation on top of native CSS layout.
chlono 2018/09/04
javascript

jquery

css3

css
ãƒªãƒ³ã‚¯
ã€jQueryã€‘ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼»Infinite Scrollï¼½ã‚’æ¥µé™ã¾ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€‚ - ONZE
ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’å®Ÿè£…ã™ã‚‹ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ï¼»Infinite Scrollï¼½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ãƒšãƒ¼ã‚¸ã®æœ€ä¸‹éƒ¨ã¾ã§ç§»å‹•ã™ã‚‹ã¨ã€æ¬¡ã®ãƒšãƒ¼ã‚¸ã®æƒ…å ±ã‚’è‡ªå‹•ã§èªã¿è¾¼ã¿ã€ãƒšãƒ¼ã‚¸ã®é·ç§»ç„¡ã—ã§æ¬¡ã€…ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ ã”å˜çŸ¥ã®ã¨ãŠã‚ŠFacebookã®ãƒ•ã‚£ãƒ¼ãƒ‰ã‚„Twitterã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã€Tumblrã®UIãªã©ã€è¶…æœ‰åSNSã‚µã‚¤ãƒˆã‚„ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚‚å°Žå…¥ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãã®æŒ™å‹•ã¯èª°ã‚‚ãŒä¸€åº¦ã¯ä½“é¨“ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã€‚ æœ€è¿‘ã§ã¯ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ç³»ã®ãƒ–ãƒã‚°ã§ã‚‚æ¯”è¼ƒçš„å¤šãå®Ÿè£…ã•ã‚Œã¦ã„ã¦ã€éœ€è¦ã‚‚é«˜ã¾ã£ã¦ã„ã‚‹ã®ã§ã€ã‚¦ã‚§ãƒ–ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æ–¹ã€…ã¯ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ãŠãã¹ãæŠ€è¡“ã®1ã¤ã ã¨è¨€ãˆã¾ã™ã€‚ ã•ã¦ã€‚ä»Šæ—¥ã¯ã€å˜ã«ï¼»Infinite Scrollï¼½ã®å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã™ã‚‹ã ã‘ã§ãªãã€å¼Šç¤¾ã‚ªãƒ³ã‚ºãŒå®Ÿéš›ã«è¡Œã£ãŸæ¥µé™ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®æ–¹æ³•ã‚‚ä¼æŽˆã—ã¾ã™ã€‚ ä»¥ä¸‹ã‚ˆã‚Šæœ¬ç·¨ã‚’ã©ã†ãžã€‚ åŸºæœ¬ã®å°Žå…¥æ–¹æ³•ï¼»Infi
chlono 2018/09/01
javascript

jquery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€jQueryã€‘ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦è¦ç´ ã‚’è¡¨ç¤ºã™ã‚‹ï¼»Scrollaï¼½ã®ä½¿ã„æ–¹
Webãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åˆã‚ã›ã¦è¦ç´ ã‚’è¡¨ç¤ºã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼»Scrollaï¼½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ åŒæ§˜ã®æ©Ÿèƒ½ã‚’æŒã¤ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã¯ï¼»ScrollRevealï¼½ã‚„ï¼»jquery.inviewï¼½ã¾ãŸã¯ï¼»WOW.jsï¼½ãªã©ãŒæœ‰åã§ã™ãŒã€ã“ã‚Œã‚‰ã¨è‚©ã‚’ä¸¦ã¹ã¦ç§€é€¸ãªã®ã§è‡ªä¿¡ã‚’æŒã£ã¦ã‚ªã‚¹ã‚¹ãƒ¡ã§ãã¾ã™ã€‚ å®Ÿéš›ã«ä½¿ã£ã¦ã¿ãŸã‚µãƒ³ãƒ—ãƒ«ã¯ ã‚³ãƒãƒ©ã‹ã‚‰ã©ã†ãžã€‚ Download : https://github.com/maximzhurkin/jquery-scrolla å°Žå…¥æ–¹æ³•ã¯ä»¥ä¸‹ã‚ˆã‚Šã€‚ ï¼»Scrollaï¼½ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³éƒ¨åˆ†ã¯ï¼»animate.cssï¼½ã«ä¾å˜ã—ã¾ã™ã€‚ ã¤ã¾ã‚Šå¿…è¦ã«ãªã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã¯3ã¤ã€‚ animate.css jquery.js scrolla.jquery.min.js ã“ã‚Œã‚‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’äºˆã‚èªã¿è¾¼ã‚“ã§ãŠãã¾ã™ã€‚ <link rel="stylesheet" href="animat
chlono 2018/09/01
jquery

javascript
ãƒªãƒ³ã‚¯
jQueryã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‡¦ç†ï¼ˆã€Œ.animate()ã€ï¼‰å®Œäº†å¾Œã«åˆ¥ã®å‡¦ç†ã‚’å®Ÿè¡Œã•ã›ã‚‹æ–¹æ³•ï½œBLACKFLAG
jQueryã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè¡Œã•ã›ã‚‹ã€Œ.animate()ã€ã€‚ ä¸€ã¤ã®functionã®ä¸ã§è¤‡æ•°å®Ÿè¡Œã•ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã ã£ãŸã‚Šã™ã‚‹ã®ã§ã™ãŒã€ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å®Ÿè¡Œå¾Œã€å®Ÿè¡Œã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‡¦ç†ãŒå®Œäº†ã—ãŸæ™‚ç‚¹ã§åˆ¥ã®å‡¦ç†ã‚’å®Ÿè¡Œã•ã›ãŸã„ã€ ã¨ã„ã†å ´åˆãŒãŸã¾ã«ã‚ã£ãŸã‚Šã™ã‚‹ã®ã§ã™ãŒã€ãã®è¨˜è¿°æ–¹æ³•ã‚’ã¤ã„å¿˜ã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã®ã§ã€ ã“ã“ã«ãƒ¡ãƒ¢æ›¸ããŒã¦ã‚‰ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ jQueryã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‡¦ç†å®Œäº†å¾Œã«åˆ¥ã®å‡¦ç†ã‚’å®Ÿè¡Œ $(function(){ $(ã‚»ãƒ¬ã‚¯ã‚¿).stop().animate({ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‡¦ç†},1000,function(){ ï½žã“ã“ã«å‡¦ç†ã‚’è¨˜è¼‰ï½ž }); }); ä¾‹ãˆã°ã€ç”»åƒã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸéš›ã«ã€ ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ‹¡å¤§ã•ã›ã€ æ‹¡å¤§å‡¦ç†å®Œäº†å¾Œã«å½±ã‚’ä»˜ã‘ã‚‹ï¼ˆCSS3ã§ï¼‰å ´åˆã¯ã€‚ $(function(){ $('img').hover(function(){ $(thi
chlono 2018/09/01
javascript

jquery
ãƒªãƒ³ã‚¯
503 Dienst nicht verfÃ¼gbar
chlono 2018/08/30
jquery

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€jQueryã€‘ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã‚ãšã«ã€ç°¡å˜ã«ã‚µã‚¤ãƒ‰ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ç¾ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹(ã»ã¼CSS) | UNORTHODOX WORKBOOK | Blog
UNORTHODOX WORKBOOK BLOG TOPâ€ºWeb Designâ€ºã€jQueryã€‘ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã‚ãšã«ã€ç°¡å˜ã«ã‚µã‚¤ãƒ‰ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ç¾ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹(ã»ã¼CSS) æœ€è¿‘ã¯ãƒ¢ãƒ¼ãƒ€ãƒ«ã£ã½ã„æ„Ÿã˜ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ãƒšãƒ¼ã‚¸å…¨ä½“ã«è¡¨ç¤ºã™ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒå¢—ãˆã¦ã‚‹æ°—ãŒã™ã‚‹ã—ã€ã‚‚ã†éšåˆ†è‰²ã€…ãªæ–¹æ³•ã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã£ã¦ã€ã‹ãªã‚Šä»Šã•ã‚‰ãªãƒã‚¿ã§ã™ã‘ã©ã€ã‚¯ãƒªãƒƒã‚¯ã§ã‚µã‚¤ãƒ‰ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ç¾ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æ–°ãŸãªçŸ¥è¦‹ã‚’å¾—ãŸã®ã§æ›¸ãæ®‹ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€Œæ–°ãŸãªçŸ¥è¦‹ã€ã¨ã„ã£ã¦ã‚‚ã€èª°ã§ã‚‚è€ƒãˆã¤ãã‚ˆã†ãªã“ã¨ã§ã€ãã‚“ãªã«å¤§ã—ãŸã“ã¨ã§ã¯ãªãã€ã€Œã‚ãã€ãªã‚‹ã»ã©ã€ã¨ã¡ã‚‡ã£ã¨æ€ã£ãŸç¨‹åº¦ã®ã“ã¨ã§ã™ãŒã€‚ã€‚ã€‚ ã‚¯ãƒªãƒƒã‚¯ã§ã‚µã‚¤ãƒ‰ã‹ã‚‰ç¾ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã¯ ä½•ã¦è¨€ã†åå‰ãªã®ã‹è‰¯ãåˆ†ã‹ã‚‰ãªã„ã®ã§ã€ãƒ‡ãƒ¢ã‚’ã€‚ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸å³ä¸Šã®ä¸‰ã¤ã®å››è§’ã„ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ã«ã‚‡ãã£ã¨æ¨ªã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ç¾ã‚Œã‚‹ã‚„ã¤ãŒãã†ã§ã™ã€‚ jQueryã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ãŒ
chlono 2018/08/29
jquery

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
hiraku.js - jQuery Offcanvas Menu Plugin made with love by appleple
"hiraku" means "open" in Japanese. As you can imagine, "offcanvas-menu" is like a drawer and it is often used to create additional space especially for mobile layout. It is very easy to find source codes or plugins for Offcanvas-menu via Google by searching with "offcanvas JavaScript", but we can't find any plugins which meet all features that hiraku.js has. That's Why we made it from the scratch.
chlono 2018/08/29
jquery

css
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã«æ‰‹è»½ã«ç›®æ¬¡æ©Ÿèƒ½ã‚’ä»˜åŠ ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒTOCã€
ãƒšãƒ¼ã‚¸ã«ç›®æ¬¡ãŒã‚ã‚‹ã¨å†…å®¹ãŒã‚ã‚‹ç¨‹åº¦ã‚ã‹ã£ã¦åˆ†ã‹ã‚Šã‚„ã™ã„ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ WordPressã¨ã‹ã ã¨ã€ç›®æ¬¡ã‚’ä»˜åŠ ã™ã‚‹ã«ã¯ã€Table of Contents Plusã¨ã‹ãŒå®šç•ªã§ã™ã€‚ å…ˆæ—¥ã€ãã†ã„ã£ãŸç›®æ¬¡æ©Ÿèƒ½ã‚’è‡ªç”±åº¦ã‚‚é«˜ãè¨å®šã§ãã‚‹ã€ŒTOCã€ã¨ã„ã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€è‡ªå‰ã§å®Ÿè£…ã™ã‚‹ã®ã«çµæ§‹ä½¿ã„å‹æ‰‹ãŒè‰¯ã•ãã†ã ã£ãŸã®ã§ç´¹ä»‹ã§ã™ã€‚ TOCã¨ã¯ TOCï¼ˆjQuery Table of Contents Pluginï¼‰ã¯ã€WEBãƒšãƒ¼ã‚¸ä¸Šã«ç›®æ¬¡ã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã¡ãªã¿ã«ã€ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã€ã“ã®ãƒšãƒ¼ã‚¸ã®å·¦å´ã§ã‚‚åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ï¼ˆâ€»ãƒ¢ãƒã‚¤ãƒ«ã§ã¯éžè¡¨ç¤ºã«ãªã£ã¦ã„ã¾ã™ï¼‰ ã“ã®TOCãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ç‰¹å¾´ã¯ä»¥ä¸‹ã§ã™ã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®è‡ªç”±åº¦ãŒé«˜ã„ç›®æ¬¡ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç§»å‹•ã™ã‚‹ç¾åœ¨è¦‹ã¦ã„ã‚‹ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒè»½é‡ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ç§»å‹•ã‚„ã€
chlono 2018/08/28
jquery

javascript
ãƒªãƒ³ã‚¯
JQuery With CoffeeScript | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. I donâ€™t always write CoffeeScript, but when I do, Iâ€™m probably using jQuery too; I always forget the syntax for stuff. So Iâ€™m going to write it all down here so I can reference it until I memorize it. Note that the compiled example doesnâ€™t include the automatic closure
chlono 2018/08/21
javascript

coffeescript

jquery
ãƒªãƒ³ã‚¯
CoffeeScriptã§JQueryã‚’ä½¿ã†æ™‚ã®ã€Œthisã€ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
chlono 2018/08/21
javascript

coffeescript

jquery
ãƒªãƒ³ã‚¯
è¡¨ç¤ºãƒšãƒ¼ã‚¸ã«åˆã‚ã›ã¦å‹•çš„ã«ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã®ãƒªãƒ³ã‚¯å…ˆURLã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³•ã€JavaScript / jQueryã€‘
å½“ãƒ–ãƒã‚°ã§ã¯ãƒ˜ãƒƒãƒ€ãƒ¼ãƒãƒ¼ã‚’å›ºå®šã—ã¦ãŠã‚Šã€å·¦ä¸Šã®ãƒã‚´ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚’è¡Œã„ã¾ã—ãŸã€‚PCãƒ–ãƒ©ã‚¦ã‚¶ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã€ãã®ã¾ã¾ã‚¹ãƒžãƒ›ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«åæ˜ ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã§ã€ã‚¹ãƒžãƒ›ã«ãŠã„ã¦ã¯çŠ¶æ³ã«ã‚ˆã‚Šã€ã“ã®ãƒã‚´ã¯ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã¨ã—ã¦ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã€è¨˜äº‹ã®ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚ŒãŸæ™‚ã®ã¿ã€å‰ã®ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã‚ˆã†ãªæ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ç‰¹ã«indexã®2ãƒšãƒ¼ã‚¸ç›®ä»¥é™ã‹ã‚‰è¨˜äº‹ãƒšãƒ¼ã‚¸ã«é£›ã‚“ã æ™‚ã¨ã‹ã«å¨åŠ›ã‚’ç™ºæ®ã™ã‚‹ã®ã§ã¯ã¨æ€ã£ã¦ã„ã¾ã™ã€‚
chlono 2018/08/02
jquery

javascript
ãƒªãƒ³ã‚¯
jQueryã¨CSSã®transitionã§å¯è¦–ç¯„å›²ã«å…¥ã£ã¦ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹æ–¹æ³•
å¯è¦–ç¯„å›²ã«ãªã£ã¦ã‹ã‚‰è¡¨ç¤ºã•ã‚ŒãŸã‚Šå‹•ã„ãŸã‚Šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚å‹•ãã‚’ã¤ã‘ã¦ç›®ã‚’å¼•ãã“ã¨ã§ã€åŠ¹æžœçš„ã«ä¼ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä»¥å‰ã€ã€ŒjQueryã‚’ä½¿ã£ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç¾ã‚ŒãŸã¨ãã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦ã¿ã‚‹ï½œWebparkã€ã¨ã„ã†è¨˜äº‹ã§åŒã˜ã‚ˆã†ãªã‚‚ã®ã‚’ç´¹ä»‹ã—ãŸã®ã§ã™ãŒã€ãƒ‡ãƒ¢ãŒæ°—ã«å…¥ã£ã¦ã„ãªã„ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒ1åº¦ãã‚Šã¨ã„ã†ã“ã¨ã§ä½œã‚Šå¤‰ãˆã¾ã—ãŸã€‚ ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ãã ã•ã„ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¢ã‚¤ã‚³ãƒ³ã¨ãƒ†ã‚ã‚¹ãƒˆãŒé †ç•ªã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¾ã™ã€‚ ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€ç”»é¢ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¨ã€ä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã¨ãã«ç¾ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥å‰ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚æ°—ã«ãªã‚‹æ–¹ã¯ã©ã†ãžã€‚ ç”»é¢ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦é«˜ã•ã‚’æŒ‡å®šã™ã‚‹3ã¤ã®æ–¹æ³•ï½œWebpark jQueryã§ä½œã‚‹ã€ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§æ¶ˆãˆã¦ã€ä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ç¾ã‚Œã‚‹å›ºå®šãƒ¡ãƒ‹ãƒ¥ãƒ¼ï½œWebpark ã¨ã„
chlono 2018/07/29
jquery

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQuery samples - overflow:scrollå†…ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«
jQuery samples - overflow:scrollå†…ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ« æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã€Œto-R JavaScript Advent Calendar 2015ã€14æ—¥ç›®ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ä»Šå›žã®jQuery samplesã¯ã€overflow:scrollå†…ã‚‚å«ã‚ãŸã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«æ–¹æ³•ã«ã¤ã„ã¦ã®è§£èª¬ã§ã™ã€‚ æ™®é€šã®ãƒšãƒ¼ã‚¸å†…ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ« æ™®é€šã®ãƒšãƒ¼ã‚¸å†…ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯ã‚ˆãåˆ©ç”¨ã•ã‚Œã¦ã‚‹ã„ã‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§å®Ÿç¾å¯èƒ½ã§ã™ã€‚ $(function(){ $("a[href^='#']").click(function(){ $("body,html").stop().animate({ scrollTop:$($(this).attr("href")).offset().top }); return false; }); }); ä»¥ä¸‹ãŒå®Ÿè¡Œã‚µãƒ³ãƒ—ãƒ«ã€‚ See the Pen j
chlono 2018/07/29
jquery

java
ãƒªãƒ³ã‚¯
Drawer
Flexible drawer menu using jQuery, iScroll and CSS. InstallationStep 1: Link required filesDownloadDrawer v3.2.2jQuery 1.11.3+ Â Created by jQuery Foundation and other contributors.iScrollÂ Created by Matteo Spinelli.CDN <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css">  <script src="https://ajax.google
chlono 2018/07/21
offcanvasãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã€‚Bootstrap-Offcanvasã‚ˆã‚Šä½¿ã„å‹æ‰‹è‰¯ã•ãã†

jquery

css

javascript
ãƒªãƒ³ã‚¯
simple-sidebar
Press the icon in the top right corner of this page to run simple-sidebar. A jQuery plugin that allows to create a side nav as in modern mobile apps. It aims to simplicity so that everybody can use it no matter if expert programmers or not. For an even simpler and stable version of this plugin check the simpler-sidebar fork. Download Run one of these commands in your bash according to your needs.
chlono 2018/07/21
jquery

css

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
TOC | jQuery Table of Contents Plugin
TOC is a jQuery plugin that will automatically generate a table of contents for your page. You can see an example of it on the left side of the page. Features Completely customizable Click to smooth scroll to that spot on the page Automatically highlight the current section Extremely lightweight (744 bytes gzipped) Can have multiple on a page Download Production Development Source Usage $('#toc').
chlono 2018/07/18
javascript

jquery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Off Canvas Menu with Animated Links
Description Learn to make a simple off canvas mobile navigation with delayed link animation. The links have a simple transition effect of fading in from right to left when the navigation is toggled. But the animation occurs in a chained way where the links animate one after the other. This is done by adding a transition-delay to every link.
chlono 2018/07/18
offcanvasãƒ¡ãƒ‹ãƒ¥ãƒ¼

jquery

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Pure CSS transition effects for off-canvas views
Pure CSS transition effects for off-canvas views You have probably all seen the "drawer menu/off-canvas" navigation style made popular by Facebook a few years back. There are a lot of great javascript plugins that offers this functionality, but I thought it would be cool to try and do this with the new cool features of css. No javascript required. Demo Download v1.0.2 Documentation
chlono 2018/07/18
offcanvasãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’CSSã®ã¿ã§

jquery

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸