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

takexi id:takexi

jQueryã«é–¢ã™ã‚‹takexiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (45)

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

ã©ã“ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«(é–²è¦§)ã•ã‚Œã¦ã„ã‚‹ã‹ã‚’Googleã‚¢ãƒŠãƒªãƒ†ã‚¯ã‚¹ã§åˆ†ã‹ã‚‹ã€ŒScroll Depthã€ã‚’è©¦ã—ã¦ã¿ãŸï½œResound Log
ã“ã®è¨˜äº‹ã¯ç´„ 4 åˆ†ã§èªã‚ã¾ã™ã€‚ Webã‚µã‚¤ãƒˆã®é•·ã„ãƒšãƒ¼ã‚¸ã‚„ãƒ–ãƒã‚°ã®é•·ã„è¨˜äº‹ã‚’æ›¸ãã¨ã€ã©ã“ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦èªã‚“ã§ã‚‚ã‚‰ãˆã¦ã„ã‚‹ã®ã‹æ°—ã«ãªã‚Šã¾ã™ã€‚ Googleã‚¢ãƒŠãƒªãƒ†ã‚¯ã‚¹ã®æ»žåœ¨æ™‚é–“ã‚’ç›®å®‰ã«ã—ãŸã‚Šã€ã€ŒUserHeatã€ã‚’åˆ©ç”¨ã™ã‚‹ãƒ†ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã“ã¨ã§Googleã‚¢ãƒŠãƒªãƒ†ã‚¯ã‚¹ã®ç”»é¢ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ã‚’è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹ã€ŒScroll Depthã€ãŒé¢ç™½ãã†ã ã£ãŸã®ã§ã€è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ â€»WordPressã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã—ãŸï¼ã“ã®è¨˜äº‹ã®æœ€å¾Œã«ãƒªãƒ³ã‚¯ã—ã¾ã™ã€‚ ã€ŒjQuery Scroll Depthã€ã®ç°¡å˜ãªèª¬æ˜Ž ã€ŒScroll Depthã€ã‚’å°Žå…¥ã™ã‚‹ã¨ã€ä»¥ä¸‹ã®ã“ã¨ãŒGoogleã‚¢ãƒŠãƒªãƒ†ã‚¯ã‚¹ã§è¨ˆæ¸¬ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãƒšãƒ¼ã‚¸åˆ°é”çŠ¶æ³(%ã‚„pxå˜ä½ã§ã‚ã‹ã‚‹ã€‚è¨å®šã‚’ã™ã‚Œã°ç´°ã‹ãªå˜ä½ã§æŠŠæ¡ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹) ãƒšãƒ¼ã‚¸ã®åˆ°é”æ™‚é–“ Googleã‚¢ãƒŠãƒªãƒ†ã‚¯ã‚¹ã®ãƒ¬ãƒãƒ¼
takexi 2016/01/06
Google Analytics

jQuery
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãªç”»åƒæ‹¡å¤§jQueryãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œlity.jsã€ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚‚å¯¾å¿œï¼ | SHINGO IRIE
ã‚¯ãƒªãƒƒã‚¯ã§ç”»åƒãŒæ‹¡å¤§ã•ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯lightboxãªã©æ•°å¤šãã‚ã‚Šã¾ã™ãŒã€ãã®ä¸ã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®é‚ªé”ã‚’ã›ãšã€å®Ÿè£…ã‚‚ã‹ã‚“ãŸã‚“ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ãã‚ŒãŒlity.jsã§ã™ã€‚ ä½¿ã„æ–¹å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ä¸€å¼ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸ã§ä½¿ã†ã®ã¯distãƒ•ã‚©ãƒ«ãƒ€å†…ã®lity.jsã€lity.cssã®ã¿ã€‚ jQueryã®å¾Œã«èªã¿è¾¼ã¾ã›ã¾ã™ã€‚ <link href="lity.css" rel="stylesheet"> <script src="jquery.js"></script> <script src="lity.js"></script> ã‚ã¨ã¯ã€ <a href="http://image.jpg" data-lity>Image</a> ã®ã‚ˆã†ã«data-lityå±žæ€§ã‚’ã¤ã‘ã‚‹ã ã‘ã§å‹•ãã¾ã™ã€‚ã‹ã‚“ãŸã‚“ã§ã™ãã€‚ä¸‹ãŒlity.jsã®è¡¨ç¤ºã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ WordPressã¸ã®çµ„ã¿è¾¼ã¿Wor
takexi 2015/09/11
webåˆ¶ä½œ

jQuery
ãƒªãƒ³ã‚¯
[JS]ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åŒºåˆ‡ã‚Šç·šã‚’æ°´é¢ã«è¦‹ç«‹ã¦ã¦ã€ã½ã¡ã‚ƒã‚“ãŸã·ã‚“ã£ã¨æ³¢ç«‹ãŸã›ã‚‹ç™’ã‚„ã—ç³»ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Raindrops.js
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åŒºåˆ‡ã‚Šãªã©ã®ç·šã‚’æ°´é¢ã«è¦‹ç«‹ã¦ã¦ã€æ»´ã‚’è½ã¨ã—ãŸã‚ˆã†ã«æ³¢ç«‹ãŸã›ã‚‹ç´ æ•µãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†“åŒºåˆ‡ã‚Šç·šãŒã½ã¡ã‚ƒã‚“ãŸã·ã‚“ã£ã¨æ³¢ç«‹ã¡ã¾ã™ã€‚ Raindrop.js ãƒ˜ãƒƒãƒ€ã‚„ãƒ•ãƒƒã‚¿ã‚ãŸã‚Šã«å°‘ã—é©ç”¨ã™ã‚‹ã®ã¯ã„ã„æ„Ÿã˜ã§ã™ãã€‚ Raindrops.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨jquery.jsã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ... <script src="js/jquery-1.9.1.min.js"></script> <script src="js/raindrops.js"></script> </body> Step 2: HTML æ°´é¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é©ç”¨ã™ã‚‹è¦ç´ ã‚’ç”¨æ„ã—ã¾ã™ã€‚ <div id="example1"></div> Step 3: JavaScript é©ç”¨ã™ã‚‹è¦ç´
takexi 2015/07/14
webåˆ¶ä½œ

jQuery
ãƒªãƒ³ã‚¯
PhotoSwipe
Whatâ€™s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';
takexi 2014/12/18
ã‚¹ãƒ¯ã‚¤ãƒ—

webåˆ¶ä½œ

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

JavaScript

jQuery
ãƒªãƒ³ã‚¯
[JS]ç°¡å˜ãªå®Ÿè£…ã§ãƒ‘ãƒãƒ«ã‚’å¤©åœ°å·¦å³ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -notifyMe
è¡¨ç¤ºãƒšãƒ¼ã‚¸ã®å¤©åœ°å·¦å³ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹ãƒ‘ãƒãƒ«ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ‡ãƒ¢ã§ã¯ãƒœã‚¿ãƒ³ã®ã‚¯ãƒªãƒƒã‚¯ãŒãƒˆãƒªã‚¬ãƒ¼ã«ãªã£ã¦ã„ã¾ã™ãŒã€ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆã€ãƒ›ãƒãƒ¼ãªã©ã«å¤‰æ›´ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ notifyMeã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨jquery.jsã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="assets/css/notifyme.css" type="text/css" /> </head> <body> ... <script type="text/javascript" src="assets/js/jquery.js"></script> <script type="text/javascript" src="assets/js/notifyme.js"></scr
takexi 2014/11/01
webãƒ‡ã‚¶ã‚¤ãƒ³

CSS3

jQuery
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ãŒæ—ã‚‹ï¼çŸ¥è˜ãŒå¢—ãˆã‚‹2014å¹´ãƒˆãƒ¬ãƒ³ãƒ‰ã¾ã¨ã‚
ä½œæˆï¼š2014/06/9 Webåˆ¶ä½œ > ãƒˆãƒ¬ãƒ³ãƒ‰æ„Ÿã®ã‚ã‚‹å‹•ãã‚„ã€æ´—ç·´ã•ã‚ŒãŸè¦‹ãˆæ–¹ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ã€çŸ¥ã£ã¦ãŠããŸã„ã“ã¨ã‚„æ–¹æ³•ãªã©ã€‚Webåˆ¶ä½œã®ç¾å ´ã§çŸ¥ã£ã¦ãŠãã¹ãã“ã¨ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚å…¨éƒ¨å–ã‚Šå…¥ã‚Œã‚‹ã®ã¯ç„¡ç†ã§ã™ãŒã€æŠ¼ã•ãˆã¦ãŠãã“ã¨ã§ä»Šä»¥ä¸Šã«è¦‹æ „ãˆã®ã™ã‚‹ã‚µã‚¤ãƒˆã‚’ä½œã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ã“ã“æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ãŠã•ã‚‰ã„ã—ãŸã„ã¨ãã«ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã§ä½¿ã„ãŸã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ï¼‘ï¼Žãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ã‚¦ ï¼’ï¼Žãƒãƒªã‚´ãƒ³ ï¼“ï¼Žãƒ©ãƒ¼ã‚¸ãƒ•ã‚©ãƒˆã‚¹ã‚¿ã‚¤ãƒ« ï¼”ï¼Žãƒ–ãƒ©ãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ï¼•ï¼Žãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³å‹•ç”» ï¼–ï¼Žç”»åƒã‚·ãƒ¼ã‚±ãƒ³ã‚¹ è„±ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ç”»åƒ ï¼—ï¼ŽSVG ï¼˜ï¼ŽWebãƒ•ã‚©ãƒ³ãƒˆã‚’å††ã§å›²ã‚€ é…è‰²ãƒ»ãƒ•ã‚©ãƒ³ãƒˆ ï¼™ï¼Žé…è‰²(ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³) ï¼‘ï¼ï¼Žã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£(ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³) ï¼‘ï¼‘ï¼Žãƒ•ã‚©ãƒ³ãƒˆ(ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³) åŠ¹æžœ ï¼‘ï¼’ï¼ŽInfinite Scroll(ç„¡é™ã‚¹ã‚¯
takexi 2014/06/11
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

jQuery

CSS

CSS3
ãƒªãƒ³ã‚¯
e1blue.net
This domain may be for sale!
takexi 2014/05/28
JavaScript

webåˆ¶ä½œ

jQuery
ãƒªãƒ³ã‚¯
Learn web development Â |Â web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
takexi 2014/05/22
webåˆ¶ä½œ

JavaScript

jQuery
ãƒªãƒ³ã‚¯
Flatis
takexi 2014/02/19
Tipsã‚„ã‚‰ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ã‚‰ã®ã¾ã¨ã‚

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

webåˆ¶ä½œ

CSS

CSS3

JavaScript

jQuery
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãªã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä¸Šã§ã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ç„¡ã„ã‹ã‚‚ã—ã‚Œãªã„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‹è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
æœ€è¿‘å¤šã„ã§ã™ããƒ¼ã€1ãƒšãƒ¼ã‚¸ã§å®Œçµã™ã‚‹ã‚¿ã‚¤ãƒ—ã®ã‚µã‚¤ãƒˆã€‚One Page Loveã®ã‚µã‚¤ãƒˆãªã‚“ã‹ã‹ã‚‰ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã®äº‹ä¾‹ã‚‚å¤§é‡ã«è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã—ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚„ã‚‰ãƒ•ãƒªãƒƒãƒ—åž‹ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„ã‚‰ã€ãªã‚“ã‹è‰²ã€…å‡ºã¦ãã¦ã¦ç€ã„ã¦è¡Œãã®ãŒã‚„ã£ã¨ã§ã™â€¦ ã§ã‚‚å®Ÿéš›ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚’ã¤ãã‚ã†ã¨ã™ã‚‹ã¨ã€ãˆï¼Ÿä½•ã“ã‚Œã©ã†ãªã£ã¦ã‚“ã®ï¼Ÿã£ã¦ç‰©ã‚‚å¤šãã¦ãƒ“ãƒ“ã‚‹ã“ã¨ã‚‚ã—ã°ã—ã€‚ ã£ã¦ã“ã¨ã§ã€ä»Šæ—¥ã¯åƒ•ãŒçŸ¥ã£ã¦ã‚‹ä¸ã§ã€ŽãŠã€ã“ã‚Œã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ä½œã‚‹æ™‚ã«ä½¿ãˆã‚‹ã‚“ã˜ã‚ƒãï¼Ÿã€ã£ã¦ç‰©ã‚’å¹¾ã¤ã‹ã”ç´¹ä»‹ã•ã›ã¦é ‚ãã¾ã™ï¼ ä¸»ã«ã¯ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¡¨ç¾ã®å¹…ã‚’åºƒã’ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ç´¹ä»‹ã«ãªã‚‹ã‹ãªã¨æ€ã„ã¾ã™ãŒã€æ¥½ã—ã„ç‰©ã‚‚å¤šã„ã®ã§ã€æ˜¯éžèˆˆå‘³ãŒã‚ã‚Œã°è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã¾ã›ã€œï¼ ãã‚Œã§ã¯ã„ã£ã¦ã¿ã¾ã—ã‚‡ãƒ¼ï¼ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒªãƒ³ã‚°ç³»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã“ã®è¾ºã¯ä»¥å‰ã«ç´¹ä»‹ã—ãŸã“ã¨ãŒã‚ã‚‹ã‚‚ã®ã°ã‹ã‚Šãªã®ã§ã€ã±ã±ãƒ¼ã£ã¨è¡Œãã¾ã™ã€‚ jQuery Waypoint
takexi 2014/02/12
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

jQuery

JavaScript

CSS3

CSS
ãƒªãƒ³ã‚¯
iDangero.us
Track TV shows, watch trailers, get push notifications, information about all episodes
takexi 2014/01/16
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

webåˆ¶ä½œ

CSS3

jQuery

CSS

JavaScript
ãƒªãƒ³ã‚¯
ã•ãã£ã¨ç°¡å˜ï¼jQueryã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã©ã†ã‚‚ã§ã™ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¯ã‚„ã¡ã§ã™âœŒ(Â´Ê˜â€¿Ê˜ï½€)âœŒ æ¢…é›¨æ˜Žã‘ã®æš‘ã•ã§ãƒãƒ†æ°—å‘³ã§ã™â€¦ã“ã®æš‘ã•å«Œã§ã™ãªã€€câŒ’ã£Â´Ê˜â€¿Ê˜ï½€)ã£ ã¯ã‚„ã¡ã¯é™ã‹ã«æš®ã‚‰ã—ãŸã„ã€€câŒ’ã£ â—žâ€¸â—Ÿ )ã£ ãã‚“ãªã“ã¨è¨€ã£ã¦ã‚‚ã“ã®æš‘ã•ã¯å’Œã‚‰ãŽã¾ã›ã‚“(â—žâ€¸â—Ÿ) ä»Šå›žã¯jQueryã§ç°¡å˜ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™(â—žâ€¸â—Ÿ) ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã¨ã¯ ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ã®ã‚ˆã†ã«è¦ç´ ã®ä¸Šã«è¦ç´ ã‚’é‡ãã¦è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã§ã™ ä¸Šã«é‡ãã‚‹æ–¹ã®è¦ç´ ã‚’åŠé€æ˜Žã«ã•ã›ã¦ä¸‹ã®è¦ç´ ãŒã†ã£ã™ã‚‰è¦‹ãˆã‚‹ã‚ˆã†ãªè¡¨ç¾ã«å¤šãä½¿ã‚ã‚Œã¾ã™( Ë˜Ï‰Ë˜)â˜ HTML </pre> <div id="overlay"> <p id="text">ï½²ï½ªï½°ï½°ï½²ã¿ã¦ã‚‹ã…âœŒ(Â´Ê˜â€¿Ê˜ï½€)âœŒ</p> <p id="close">close</p> </div> <div id="btn">click</div> <pre> IDåoverlayã¯ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã•ã‚Œ
takexi 2013/07/12
jQuery

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

CSS

CSS3
ãƒªãƒ³ã‚¯
jqueryå°æŠ€ã¾ã¨ã‚ï¼“ï¼’
ä½œæˆï¼š2013/07/1 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > å…ˆæ—¥ECã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ãŸã¨ãã«ã€å‹•ãã®ã‚ã‚‹ã‚µã‚¤ãƒˆã«ã—ãªã„ã¨ã„ã‘ãªã‹ã£ãŸã®ã§ã€è‰²ã€…èª¿ã¹ã¦çµ„ã¿è¾¼ã‚“ã§ã¿ãŸã‚“ã§ã™ãŒã€jQueryã§ã‚‚ã†ä½•ã§ã‚‚å‡ºæ¥ã¡ã‚ƒã„ã¾ã™ãã€‚è¿‘ã„å°†æ¥ãƒãƒ¼ã‚«ãƒ«ã§ç”»åƒãªã‚“ã‹ã‚’ç·¨é›†ã—ãªãã¦ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§è‰²ã€…ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä»Šå›žã¯å®šç•ªã‹ã‚‰ã¡ã‚‡ã£ã¨ãƒžã‚¤ãƒŠãƒ¼ï¼ˆGoogle Analyticsé–¢ä¿‚ã¨ã‹ï¼‰ãªã‚‚ã®ã¾ã§jQueryã®å°æŠ€ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é›†ã‚ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚¹ã‚¯ãƒãƒ¼ãƒ« ï¼‘ï¼Žãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ï¼ãƒ•ãƒƒã‚¿ãƒ¼ã¾ã‚ã‚Šï¼ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ ï¼’ï¼Žãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ ã‚¹ãƒ©ã‚¤ãƒ‰ ï¼“ï¼Žã‚«ãƒ«ãƒ¼ã‚»ãƒ« ï¼”ï¼Žãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ï¼•ï¼ŽãƒŒãƒ«ãƒŒãƒ«ã‚µã‚¯ã‚µã‚¯ãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼–ï¼Žã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ è£œåŠ© ï¼—ï¼ŽGoogle Ana
takexi 2013/07/02
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¨ã‹Tipsã¾ã¨ã‚

jQuery
ãƒªãƒ³ã‚¯
Pinteresté¢¨ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã£ã¦ã¿ã‚ˆã† (1/4) - ï¼ IT
Pinteresté¢¨ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã£ã¦ã¿ã‚ˆã†ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ3ï¼‰ï¼ˆ1/4 ãƒšãƒ¼ã‚¸ï¼‰ ã¯ã˜ã‚ã« ä¸€å£ã«SNSã¨ã„ã†ã¨ã€èªè€…ã®çš†ã•ã‚“ã¯ã¾ãšã€Twitterã‚„Facebookã€LINEãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ€ã„æµ®ã‹ã¹ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ã€ã“ã†ã„ã£ãŸãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªã‚µãƒ¼ãƒ“ã‚¹ã ã‘ã§ãªãã€ä¸–ã®ä¸ã«ã¯ã•ã¾ã–ã¾ãªã‚¸ãƒ£ãƒ³ãƒ«ã«ç‰¹åŒ–ã—ãŸSNSãŒã„ãã¤ã‚‚ç™»å ´ã—ã¦ãã¦ã„ã¾ã™ã€‚ ç‰¹ã«å†™çœŸå…±æœ‰ã«ç‰¹åŒ–ã—ãŸSNSã®UIã¨ã„ã†ã®ã¯ã€ãã®ç‰¹æ€§ã®ãŸã‚ã‹ç”»åƒã‚’ç”»é¢ã„ã£ã±ã„ã«æ•·ãè©°ã‚ãŸã‚‚ã®ãŒã‚ˆãè¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚åŸºæœ¬çš„ãªæ“ä½œæ€§ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã„ã‹ã«ç¾Žã—ãã€ãƒ¦ãƒ‹ãƒ¼ã‚¯ã«ç”»åƒã‚’ä¸¦ã¹ã‚‹ã‹ã«ã‚ˆã£ã¦ä»–ã‚µãƒ¼ãƒ“ã‚¹ã¨ã®å·®åˆ¥åŒ–ã‚’å›³ã‚‹ã‹ãŒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰ã³ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è…•ã®è¦‹ã›æ‰€ã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Pinterestã¯ã€ãã†ã—ãŸå†™çœŸå…±æœ‰SNSã®1ã¤ã§ã™ã€‚é«˜ã•ãŒå‡ä¸€ã®ã‚°ãƒªãƒƒãƒ‰ãŒæ•´ç„¶ã¨
takexi 2013/06/10
jQuery
ãƒªãƒ³ã‚¯
Googleã‹ã‚‰å¦ã¶ ãƒŒãƒ«ãƒŒãƒ«ã‚µã‚¯ã‚µã‚¯ãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Qiita
##ã‚¹ãƒžãƒ•ã‚©webãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚¢ãƒ—ãƒªã§ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ãŒã€webãƒšãƒ¼ã‚¸ã§ã¯ãªã‹ãªã‹ä½¿ã„å¿ƒåœ°ã®ã‚ˆã„ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯è¦‹ã‹ã‘ã¾ã›ã‚“ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯javascriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã©ã†ã—ã¦ã‚‚ã‚¬ã‚¿ã‚¬ã‚¿ã«ãªã£ã¦ã—ã¾ã†ã—ã€ã¡ã‚‰ã¤ãã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«åˆ¶å¾¡ã®ã‚ã‚“ã©ãã•ã•ã‹ã‚‰ã‚‚ã†webãƒšãƒ¼ã‚¸ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªä¸¦ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãªã‚“ã¦ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ Facebookã®webãƒšãƒ¼ã‚¸ã§ã™ã‚‰ãƒœã‚¿ãƒ³ã®åå¿œã¯æ‚ªã„ã—ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å‹•ã‹ãªã„ã—æœ€æ‚ªã§ã™ã€‚ ##ä¸€æ–¹Googleå…ˆç”Ÿã¯ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ã¦ã„ãŸ ã•ã™ãŒGoogleå…ˆç”Ÿï¼ ä¿ºé”ã«å‡ºæ¥ãªã„ã“ã¨ã‚’( Googleã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥ä¸‹ã®ç‚¹ã§ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆã§ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚æ»‘ã‚‰ã‹ãƒ»ã¡ã‚‰ã¤ã‹ãªã„ ãƒœã‚¿ãƒ³ã®åå¿œã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãª
takexi 2013/06/08
æ¨ªã‹ã‚‰é£›ã³å‡ºã™ãƒ¡ãƒ‹ãƒ¥ãƒ¼

jQuery

webåˆ¶ä½œ

CSS3
ãƒªãƒ³ã‚¯
androidã§overflow:scrollãŒãã‹ãªã„ã®ã‚’javascriptï¼ˆjQueryï¼‰ã§è§£æ±ºã™ã‚‹ : æ£®ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
5æœˆ8 androidã§overflow:scrollãŒãã‹ãªã„ã®ã‚’javascriptï¼ˆjQueryï¼‰ã§è§£æ±ºã™ã‚‹ ã‚«ãƒ†ã‚´ãƒª:jQueryandroid Tweet â€»ä¸€éƒ¨ã‚½ãƒ¼ã‚¹ãŒé–“é•ãˆã¦ã„ãŸã®ã§ä¿®æ£ã—ã¾ã—ãŸ[20131028] ã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã„ã¦ã€ç‰¹å®šã®é ˜åŸŸã ã‘ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãŸã„ã¨ãã€ è¦ç´ ã‚’divã§ã‹ã“ã‚“ã§ overflow:scroll; ãªã©ã¨ã—ã¾ã™ã€‚ ã‚¹ãƒžãƒ›ç”¨ã‚µã‚¤ãƒˆã§ã‚‚ã€ä½¿ã†ã“ã¨ã¯ã¡ã‚‡ãã¡ã‚‡ãã‚ã‚‹ã®ã§ã™ãŒã€ãªã‚“ã¨androidã§ã¯ã€overflow:scrollãŒãã‹ãšã«ã€å¼·åˆ¶çš„ã«overflow:hidden;ã«ãªã£ã¦ã—ã¾ã†ã¨ã„ã†ãƒã‚°ãŒã€‚ ãã‚Œã‚’è§£æ±ºã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚åŠæ—¥æŽ¢ã—ãŸã‘ã‚Œã©è¦‹ã¤ã‹ã‚‰ãšã€ã€ ã—ã‚‡ã†ãŒãªã„ã®ã§javascriptã‚’è‡ªåˆ†ã§æ›¸ã„ã¦è§£æ±ºã—ã¦ã¿ãŸã‚‰ã€ æ€ã„ã®å¤–ç°¡å˜ã ã£ãŸã®ã§ã€å…±æœ‰ã—ã¨ãã¾ã™ã€‚ åŸºæœ¬çš„ã«ã¯ã‚³ãƒ”ãƒšã§ã„ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ javascriptéƒ¨åˆ†ï¼ˆã¨ã„ã†ã‹
takexi 2013/05/31
jQuery
ãƒªãƒ³ã‚¯
Facebook Style Slide Out Menu in jQuery Mobile - Aldomatic
I wanted to recreate the slide out menu in the Facebook iPhone app. I also wanted implement it in a jQuery mobile layout. This is what I came up with. HTML It viagra online delivery is made exclusively for strong and hard erection. Do not indulge in the consumption of nitrates loaded stuff, one tolerating any kind of heart issue should get suggested by the cardiologist not to relish in sexual acti
takexi 2013/05/03
webãƒ‡ã‚¶ã‚¤ãƒ³

CSS3

jQuery
ãƒªãƒ³ã‚¯
jQueryã®lightboxç³»ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³Colorboxã‚’iPhone(ã‚¹ãƒžãƒ›)ã§ä½¿ã† : kagzugiã®å‚™å¿˜éŒ²
Colorboxã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã€‚ Colorboxã¯lightboxé¢¨ã®å‹•ä½œã‚’ã™ã‚‹JavaScriptã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦å‹•ä½œã—ã¾ã™ã€‚ CSSã®Media Queriesã‚’ä½¿ã£ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã„ã‚‹ã¨ã€lightboxç³»ã®JavaScriptã§ã¤ã¾ãšãã¾ã—ãŸã€‚ iPhoneã§å¹…480pxã§ä½œã£ã¦ã„ã¾ã™ã€‚ ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€Œã¿ã‚ˆï½žã‚“ã€ã¨æ‹¡å¤§ã•ã‚Œã‚‹ã®ã¯ã„ã„ã®ã§ã™ãŒã€ç”»åƒã®å…ƒã®å¹…ãŒ480pxã‚’è¶…ãˆã¦ã‚‹ã¨ã‚µã‚¤ãƒˆã®ã‚µã‚¤ã‚ºã‚’ã¯ã¿ã§ã¦ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å½“ç„¶ã®å‹•ãã§ã™ã€‚ ã§ã‚‚ã€ãã‚Œã ã¨ã‹ã£ã“ã‚ã‚‹ã„ã§ã™ã€‚ ä»Šä½œã£ã¦ã‚‹ã‚µã‚¤ãƒˆã®å¹…ã¯è¶…ãˆãªã„ã§ã»ã—ã„ã§ã™ã€‚ ãã“ã§è‹±èªžã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ã«ã‚‰ã‚ã£ã“ã—ã¦ã¿ã¾ã—ãŸã€‚ ã§ã€è§£æ±ºæ–¹æ³•ã§ã™ã€‚ ã¾ãšã€Colorboxã®è¨ç½®ä½œæ¥ã¯ä»–ã®ã‚µã‚¤ãƒˆç‰ã§æƒ…å ±ãŒãŸãã•ã‚“ã‚ã‚‹ã®ã§çœç•¥ã—ã¾ã™ã€‚ ColorboxãŒå‹•ãã‚ˆã†ã«ã—ã¦ãã ã•ã„ã€‚ æ¬¡ã«<head>~<
takexi 2013/04/26
jQuery
ãƒªãƒ³ã‚¯
CSS ã§ä½œã‚‹ Tumblr ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªé¢¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼
1å¹´ãã‚‰ã„å‰ã« ã€ŒCSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ç‰‡æ‰‹æ“ä½œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ ã£ã¦è¨˜äº‹æ›¸ã„ãŸã‚“ã§ã™ãŒã€åŒã˜ã‚ˆã†ãªã®ã‚’ã¾ãŸã‚„ã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚ Tumbler ã® Android ã‚¢ãƒ—ãƒª ï¼ˆTumblr for Androidï¼‰ ã®æ–°è¦æŠ•ç¨¿ã® UI ãŒã‚«ãƒƒã‚³ã‚ˆã‹ã£ãŸã‚“ã§ã€ã“ã‚Œã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript ï¼ˆjQuery ä½¿ç”¨ï¼‰ ã§å†ç¾ã—ã¦ã¿ã¾ã—ãŸã€‚å®Ÿéš›ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ä¸‹è¨˜ã«ã€‚ CSS ã§ä½œã‚‹ Tumblr ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªé¢¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚µãƒ³ãƒ—ãƒ« ç¾åœ¨æœ€æ–°ç‰ˆã® Firefoxã€Safariã€Chrome ã§ã¯å‹•ãã¨æ€ã„ã¾ã™ã€‚ã‚ã¨æ‰‹æŒã¡ã® iOS 6 Safari ã§ã¯å‹•ä½œç¢ºèªã—ã¾ã—ãŸã€‚ä»–ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ã‹çŸ¥ã‚‰ãªã„ã€‚IEï¼Ÿ ä¸€å¿œã€IE10 ã¯å•é¡Œãªãå‹•ä½œã—ã¾ã™ã€‚IE9 ã ã¨å‹•ä½œã¯ã™ã‚‹ã‘ã©ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹ã—ãªã„ã§ã™ã€‚ å…ƒãƒã‚¿ã‚’ä¸‹è¨˜ã«è²¼ã£ã¦ãŠãã¾ã™ã ï¼ˆç”»åƒã¯ ã€ŒTumblr Staffã€ ã‹ã‚‰
takexi 2013/04/21
CSS

jQuery
ãƒªãƒ³ã‚¯
Responsive Multi-Level Menu | Codrops
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. Today we want to share an experimental drop-down menu with you. The main idea is to save space for menus that have a lot of content and sub-levels. Each sub-level in this menu will be shown in its own context, making the â€œparentâ€ level disappear. This is done with subtle
takexi 2013/04/21
jQuery

CSS
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸