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

matekiki id:matekiki

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

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

node.jsã§HTMLã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã‚’jQueryè¨˜æ³•ã§ã‚„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¿ã£ã¤ã®æ¯”è¼ƒ - ãŸã”ã‚‚ã‚Šã™ãƒ¡ãƒ¢
æŸã‚¤ãƒ™ãƒ³ãƒˆã®ãŸã‚ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã®ã«HTMLã®ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã‚’ã‚„ã‚ŠãŸã„ãªãƒ¼ã€nodeã§æ›¸ãã‹ãªãƒ¼ã€åŽ»å¹´ã¯ jsdom ã§æ›¸ã„ãŸã‘ã©ä»Šã¯ã©ã†ãªã‚“ã ã‚ãã€ã¨ã‹èª¿ã¹ã¦ãŸã‚‰ã€ã©ã†ã‚‚ã“ã†ã„ã†ã‚ãŸã‚Šã®ãŒã‚ã‚‹ã‚‰ã—ã„ã€‚ jsdom ãŸã¶ã‚“ä¸€ç•ªæœ‰åã§é«˜æ©Ÿèƒ½ã€ã ã‘ã©é‡ã„ã€‚ node-jquery jQueryèªã‚€ã ã‘ãªã‚‰ã‚³ãƒ¬ï¼ã¿ãŸã„ãªæ„Ÿã˜ã€ã ã‘ã©ã‚ã‚“ã¾ã‚Šã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã¦ãªã„ã‹ã‚‚ã€‚ä½¿ã„ã‹ãŸã¯ã„ã¡ã°ã‚“ã‚·ãƒ³ãƒ—ãƒ«ã€‚ ä¾å˜é–¢ä¿‚ãŒã¡ã‚ƒã‚“ã¨æ›¸ã‹ã‚Œã¦ãªãã¦ã€è¿½åŠ ã§æ‰‹ã§ xmlhttprequest ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ãŠã‹ãªã„ã¨å‹•ã‹ãªã‹ã£ãŸã€‚ cheerio ãŠå‰ã‚‰é‡ã„ï¼ ä¿ºãŒjQueryè¨˜æ³•ã‚’å†å®Ÿè£…ã—ã¦ã‚„ã‚‹ï¼ ã¨ã„ã†ç”·ã‚‰ã—ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ zombie ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã‚’ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã™ã‚‹çš„ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Mechanizeã¿ãŸã„ãªã‚„ã¤ã‹ãªã€‚ã„ã¾ã®ç”¨é€”ã§ã¯å‰æ®µã§HTTPãƒ¬ã‚¤ãƒ¤ã‚’ã„ã˜ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã§ä»Šå›žã¯ç”¨é€”ã«åˆã‚ãªã„ã€‚ sqrape
matekiki 2013/04/08
jQuery

ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°

node.js
ãƒªãƒ³ã‚¯
Chardin.js
Chardin.js - Simple and beautiful overlay instructions for your apps.
matekiki 2013/04/08
jQuery
ãƒªãƒ³ã‚¯
jQueryé¢¨ã«ç°¡å˜ã«Canvasã‚’æ‰±ãˆã‚‹ãƒ©ãƒƒãƒ‘ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒCanvas Queryã€:phpspoté–‹ç™ºæ—¥èªŒ
Canvas Query jQueryé¢¨ã«ç°¡å˜ã«Canvasã‚’æ‰±ãˆã‚‹ãƒ©ãƒƒãƒ‘ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒCanvas Queryã€ canvasã®ã‚³ãƒ¼ãƒ‰ãŒæ¬¡ã®ã‚ˆã†ã«jQueryé¢¨ã‹ã¤ç›´æ„Ÿçš„ã«è¨˜è¿°ã§ãã¾ã™ jQueryã‚’ä½¿ã£ã¦ã„ã‚‹äººã«ã¨ã£ã¦ã¯CanvasãŒã‚ˆã‚Šèº«è¿‘ã«ãªã‚Šãã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã ã‚¹ãƒžãƒ›ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®æ™®åŠã§Canvasã‚‚é‡è¦ãªæŠ€è¡“è¦ç´ ã«ãªã£ã¦ã„ãå¯èƒ½æ€§ã‚’ç§˜ã‚ã¦ã„ã¾ã™ãŒã€åŸºæœ¬ã‚’å¦ã‚“ã å¾Œã¯ã“ã†ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ä¾¿åˆ©ã«æ‰±ã†ã®ã‚‚ã‚ˆã•ãã† é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®HTML5ãŠçµµã‹ãã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã€ŒLiterally Canvasã€ canvasã‚’ä½¿ã£ã¦ç”»åƒã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« Canvasãƒ™ãƒ¼ã‚¹ã®ãŠçµµã‹ããŒå®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSketch.jsã€ Canvasã¨Webcamã§ä½œã‚‰ã‚ŒãŸãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ä½œã™ã‚‹é¢ç™½ãƒ‡ãƒ¢ï½˜ï¼’
matekiki 2013/01/18
jQuery
ãƒªãƒ³ã‚¯
jQueryã®bind/live/delegateã®é•ã„ã¾ã¨ã‚ã€ã¨æ–°API .on()ã®ä½¿ã„æ–¹ - y-kawazã®æ—¥è¨˜
jQueryã®ã‚¤ãƒ™ãƒ³ãƒˆè¨˜è¿°æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã€å¤§é›‘æŠŠã«ãŠã•ã‚‰ã„ã—ãŸã®ãŒä»¥ä¸‹ã®3ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ ã¾ãšä¸€ç•ªåŸºæœ¬çš„ãªã®ãŒ $("a").click(fn) ã‚„ $("a").bind('click', fn) ã§ã™ã€‚click(fn)ã¯bind('click', fn)ã®çœç•¥å½¢ã§ã™ã€‚ æ¬¡ã«jQuery1.3ã§ $("a").live("click", fn) ã¨ã„ã†æ©Ÿèƒ½ãŒå‡ºæ¥ã¾ã—ãŸã€‚liveã®è‰¯ã„ã¨ã“ã‚ã¯DOMæ“ä½œã§å‡ºãŸã‚Šæ¶ˆãˆãŸã‚Šã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«å¯¾ã—ã¦å†ãƒã‚¤ãƒ³ãƒ‰ç„¡ã—ã§ã‚¤ãƒ™ãƒ³ãƒˆå®šç¾©ãŒã§ãã‚‹åˆ©ä¾¿æ€§ã¨ã€å†…éƒ¨çš„ã«ã¯bindå€‹æ‰€ãŒdocumentã®1ã‹æ‰€ã«ãªã‚Šè¤‡æ•°å€‹æ‰€ã¸ã®bindãŒç„¡ããªã‚‹ã“ã¨ã«ã‚ˆã‚‹ãƒ¡ãƒ¢ãƒªåŠ¹çŽ‡ã¨å®ŸåŠ¹é€Ÿåº¦ã®å‘ä¸Šã§ã™ã€‚ æ›´ã«jQuery1.4.2ã§ $("#foo").delegate("a", "click", fn) ã¨ã„ã†æ›¸ãæ–¹ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¯ç‰¹å®šè¦ç´ ä»¥ä¸‹ã«é™å®šã™ã‚‹liv
matekiki 2012/11/14
jQuery
ãƒªãƒ³ã‚¯
jQuery Mobile Docs - Popup
Basics Options Methods Events To create a popup, add the data-role="popup" attribute to a div with the popup contents. Then create a link with the href set to the id of the popup div, and add the attribute data-rel="popup" to tell the framework to open the popup when the link is tapped. This is a similar markup pattern to the dialog widget. A popup div has to be nested inside the same page as the
matekiki 2012/10/24
jQuery
ãƒªãƒ³ã‚¯
è¶…ã‚¯ãƒ¼ãƒ«ãªjQueryUIãƒ†ãƒ¼ãƒžã€ŒDeltaã€:phpspoté–‹ç™ºæ—¥èªŒ
Delta - The Free jQuery UI Theme from Kiandra IT è¶…ã‚¯ãƒ¼ãƒ«ãªjQueryUIãƒ†ãƒ¼ãƒžã€ŒDeltaã€ã€‚ æ¬¡ã®ã‚ˆã†ãªUIãƒ‘ãƒ¼ãƒ„ã§ã®WEBãƒšãƒ¼ã‚¸ã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Twitter Bootstrapã‚‚ã‚«ãƒƒã‚³ã„ã„ã‚ã‘ã§ã™ãŒã€ã“ã†ã„ã†UIã‚‚ã„ã„ã§ã™ãã€‚ ã‹ãªã‚Šã‚¢ãƒƒãƒ—ãƒ«æ„è˜ã—ã¦ã„ã‚‹æ„Ÿã˜ã§ã™ãŒã€‚ èƒŒæ™¯ãŒãƒ–ãƒ©ãƒƒã‚¯ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚‚ã‚¯ãƒ¼ãƒ« ã“ã†ã„ã†ã‚‚ã®ãŒã‚‚ã£ã¨ã‚‚ã£ã¨å¢—ãˆã¦ã„ã£ã¦ãƒªãƒƒãƒãªWEBã‚µã‚¤ãƒˆãŒã©ã‚“ã©ã‚“å¢—ãˆã¦ã„ãã¨ã„ã„ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ãƒªãƒ¼ã®ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªWordPressãƒ†ãƒ¼ãƒžï¼“ï¼ Windows8é¢¨ã®Twitter Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸãƒ†ãƒ¼ãƒžã€ŒBootMetroã€ ä½¿ãˆãã†ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®WordPressãƒ†ãƒ¼ãƒžï¼“ï¼
matekiki 2012/10/12
jQuery
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2012å¹´8ãƒ»9æœˆ
ç´¹ä»‹æ¸ˆã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³34é¸ã§ã™ã€‚ BigVideo.js MP4ãªã©ã®å‹•ç”»ã‚’ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®èƒŒæ™¯ã„ã£ã±ã„ã«é…ç½®ã—ã¾ã™ã€‚ Video Background ã‚µã‚¤ã‚ºå¤‰æ›´å¯èƒ½
matekiki 2012/09/24
jQuery

design
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã«å…¥ã‚Œã‚‹ã¨ä½¿ã„ã‚„ã™ããªã‚‹ï¼ãŠã™ã™ã‚jQuery4é¸ï¼ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã©ã†ã‚‚ã€ã¯ã‚„ã¡ã§ã™_(:3ã€âˆ )_ ã‚¹ãƒžãƒ›ã«ä½¿ã†ã¨ã‚ˆã‚Šã‚µã‚¤ãƒˆãŒè¦‹ã‚„ã™ããªã‚‹jQueryã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¿ãŸãé–‹é–‰å¼ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jsã§ã™ã€‚ è¨˜äº‹ã®å¤šã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¾ã¨ã‚ã‚‹ã®ã«ä¾¿åˆ©ã§ã™ãã€‚ â– å‹•ãã‚’ã¿ã‚‹ HTML <dl class="acordion"> <dt class="trigger">ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼<span class="open-close">open</span></dt> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ</dd> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ</dd> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚
matekiki 2012/09/21
jQuery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
SIDEWAYS jQuery fullscreen image gallery
SIDEWAYS JQUERY FULLSCREEN IMAGE GALLERY A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS. Full post and download files.
matekiki 2012/06/25
jQuery

image
ãƒªãƒ³ã‚¯
15+ Best jQuery Carousel Plugins To Impress Your Visitors in 2017 | Tripwire Magazine
15+ Best jQuery Carousel Plugins To Impress Your Visitors in 2017 by Dustin Betonio | Last updated May 8, 2017 | jQuery Plugin Collections | 92 comments In web design, a jQuery carousel is an element giving visitors easy and visible access to several content it ems. It is typically a dynamic scrolling list of it ems in horizontal order where previous and next it ems are partially visible. The it ems,
matekiki 2012/06/24
jQuery

ç”»åƒ
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä½¿ã£ãŸã„ã‚ã„ã‚ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³224å€‹ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ç”»åƒã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã¦æ‹¡å¤§è¡¨ç¤ºã—ãŸã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã£ãŸã‚Šã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã§è¡¨ç¤ºã—ãŸã‚Šã€ã¨ã„ã†ã‚ˆã†ãªç”»åƒã‚’ä½¿ç”¨ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæ²¢å±±ã‚ã‚‹ã®ã¨ã€æŽ¢ã—ã¦ã‚‹æ–¹ãŒç›´ãã«è¦‹ã¤ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã€ã¨ã„ã†äº‹ã§ãƒªãƒ³ã‚¯é›†ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã¨ã„ã†è¨³ã§ã€é›†ã¾ã£ã¦ã„ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å…±é€šç‚¹ã¯ç”»åƒã‚’ä½¿ã£ã¦ã„ã‚‹ã€ã¨ã„ã†äº‹ã ã‘ã§ã™ã€‚ä¸€è²«æ€§ç„¡ã„ã¨ã„ãˆã°ç„¡ã„ã§ã™ãŒã€å€‹äººçš„ã«ã‚‚å¿…è¦ã¨ã™ã‚‹äº‹ãŒå¤šã„ã®ã§è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã‚‚å…¼ãã¦ã‚·ã‚§ã‚¢ã€‚ æ—¥æœ¬èªž English çµæ§‹ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã¯ã„ã„åŠ æ¸›ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã‚ã—ã‹ã‚‰ãšã”äº†æ‰¿ä¸‹ã•ã„ã€‚ç”»åƒã˜ã‚ƒãªãã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒãƒ»ãƒ»ã¿ãŸã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒ‡ãƒ¢ã§ç”»åƒã‚’ä½¿ã£ã¦ã‚‹ã€ç”»åƒã¨ç›¸æ€§ãŒè‰¯ã•ãã†ã€ã¿ãŸã„ãªã‚‚ã®ã¯åŸºæœ¬çš„ã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ ãƒªãƒ³ã‚¯ã«ãƒžã‚¦ã‚¹ä¹—ã›ã‚Œã°ã‚ãƒ£ãƒ—ãƒãƒ£ãŒå‡ºã¾ã™ã€‚ Lightbox Lightboxé¢¨ã«ç”»åƒã‚’è¡¨ç¾ã§ãã‚‹jQueryã„ã‚ã„ã‚ Lightbox2 / ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚¿ã‚¤ãƒ—ã€‚
matekiki 2012/06/24
jQuery

ç”»åƒ
ãƒªãƒ³ã‚¯
jCarousel Demo
jCarouselã¯jQueryã§iPhoneã‚„iPadã®Carousel UIã‚’å†ç¾ã—ãŸã€jQuery Pluginã§ã™ã€‚ Pluginãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿ã“ã‚“ã§ã€jCarouselã‚¯ãƒ©ã‚¹ã‚’æŒã¤ãƒªã‚¹ãƒˆæ§‹é€ ã®HTMLã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ç°¡å˜ã«å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ è©³ã—ãã¯Kudakurageã®ãƒ–ãƒã‚°ã€Œãã‚‰ã’ã ã‚‰ã‘ã€ã‚’ã”è¦§ä¸‹ã•ã„ã€‚
matekiki 2012/06/24
jQuery

ui
ãƒªãƒ³ã‚¯
[JS]ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’å–å¾—ã™ã‚‹å„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã¾ã¨ã‚ï¼ˆä»•æ§˜æ¯”è¼ƒï¼‰
ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’å–å¾—ã™ã‚‹å„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å¯¾å¿œã‚¤ãƒ™ãƒ³ãƒˆã€ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ãªã®ã‹jQueryãŒå¿…è¦ãªã®ã‹ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®å®¹é‡ãªã©ã€ä»•æ§˜ã®æ¯”è¼ƒã‚’ã¾ã˜ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ QUOjs ã‚¤ãƒ™ãƒ³ãƒˆ ã‚¿ãƒƒãƒã€ã‚¿ãƒƒãƒ—ã€ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã€ãƒ›ãƒ¼ãƒ«ãƒ‰ã€ãƒ•ã‚£ãƒ³ã‚¬ãƒ¼ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã‚¢ãƒƒãƒ—ã€ã‚¹ãƒ¯ã‚¤ãƒ—ãƒ©ã‚¤ãƒˆã€ã‚¹ãƒ¯ã‚¤ãƒ—ãƒ€ã‚¦ãƒ³ã€ã‚¹ãƒ¯ã‚¤ãƒ—ãƒ¬ãƒ•ãƒˆã€ãƒ‰ãƒ©ãƒƒã‚° è£œè¶³ jQueryã¨ã®ã‚³ãƒ³ãƒ•ãƒªã‚¯ãƒˆã‚’é¿ã‘ã‚‹ãŸã‚ã€ã€Œ$$ã€ã‚’ä½¿ç”¨ã€‚ å¯¾å¿œäºˆå®šï¼ˆ2ãƒ•ã‚£ãƒ³ã‚¬ãƒ¼ã‚¿ãƒƒãƒ—ã€ãƒã‚¦ãƒ†ã‚¤ãƒˆã€ãƒ”ãƒ³ãƒã‚¢ã‚¦ãƒˆã€ãƒ”ãƒ³ãƒï¼‰ ä»•æ§˜ ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º Minified: 13KB Hammer.js ã‚¤ãƒ™ãƒ³ãƒˆ ã‚¿ãƒƒãƒ—ã€ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã€ãƒ›ãƒ¼ãƒ«ãƒ‰ã€ãƒ‰ãƒ©ãƒƒã‚°ã€ãƒ”ãƒ³ãƒ è£œè¶³ ã‚¿ãƒƒãƒã‚¸ã‚§ã‚¹ãƒãƒ£ã ã‘ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ä»•æ§˜ ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚æœ‰ã‚Š ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º Minified: 2KB [ad#ad-2] jGestures ã‚¤ãƒ™ãƒ³ãƒˆ
matekiki 2012/06/14
jQuery
ãƒªãƒ³ã‚¯
CoverScroll jQuery plugin
by Slobodan Jovanovic This is a CSS3 variant of the Apple's CoverFlow design pattern Usage HTML JavaScript $('#container').coverscroll(); OR $('#container').coverscroll({it ems:'img'}); Where value of "it ems" option is a jQuery selector for descendent elements of the container element (like in: $('#container').find('img');). This is only necessary in case when it em elements are other than img eleme
matekiki 2012/06/06
jQuery
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãªãƒ‰ã‚¢ãƒŽãƒ–é¢¨ã®ï¼…ã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹jQuery Knob:phpspoté–‹ç™ºæ—¥èªŒ
jQuery Knob demo ã‚¯ãƒ¼ãƒ«ãªãƒ‰ã‚¢ãƒŽãƒ–é¢¨ã®ï¼…ã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹jQuery Knobã€‚ ä»Šã©ã‚Œã ã‘ã§ãã¦ã‚‹ã€çš„ãªé€²æ—ã‚’ã‚¯ãƒ¼ãƒ«ã«å††å½¢ã«æç”»ã—ãŸã„å ´åˆã«ä½¿ãˆãã† æç”»ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒé¸ã¹ã‚‹ã¨ã“ã‚ãŒã„ã„ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¦‹ãŸç›®ãŒã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•æç”»ç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMorris.jsã€ tableãƒ‡ãƒ¼ã‚¿ã‚’ã‚°ãƒ©ãƒ•ã«ç½®ãæ›ãˆã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒChartifyã€ jQueryã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹æŠ•ç¥¨ã‚°ãƒ©ãƒ•ã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
matekiki 2012/05/14
jQuery
ãƒªãƒ³ã‚¯
jQueryã®Deferredã¨Promiseã§å¿œç”æ€§ã®è‰¯ã„ã‚¢ãƒ—ãƒªã‚’ãƒ¼åŸºæœ¬ç·¨ | ã‚†ã£ãã‚Šã¨â€¦
jQuery 1.6 ãŒæ—¢ã«ãƒªãƒªãƒ¼ã‚¹ ã•ã‚Œã¦ã„ã¾ã™ãŒã€1.5 ã§è¿½åŠ ã•ã‚ŒãŸ Deferred ã‚’å‹‰å¼·ã™ã‚‹æ„å‘³ã§ã€Script Junkie ã‹ã‚‰ Creating Responsive Applications Using jQuery Deferred and Promises ã‚’ç¿»è¨³ã—ã¦ã¿ã¾ã—ãŸã®ã§ã€å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚è‘—è€…ã® Julian Aubourg ã¯ã€jQuery ã®ã‚³ã‚¢ãƒãƒ¼ãƒ ãƒ»ãƒ¡ãƒ³ãƒãƒ¼ã¨ã—ã¦ã€Ajax ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®æ›¸ãæ›ãˆã¨ Deferred å°Žå…¥ã‚’æŒ‡æ®ã—ãŸæ–¹ã ãã†ã§ã™ã€‚ è¨˜äº‹ã®é€”ä¸ã€å„ãƒ¡ã‚½ãƒƒãƒ‰ã®èª¬æ˜Žéƒ¨åˆ†ã¯ã€jQuery ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ç¿»è¨³ã«å·®ã—æ›¿ãˆã¦ã„ã¾ã™ã®ã§ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã—ã¦ä½¿ã£ã¦ã‚‚ã‚‰ã†ã®ã‚‚è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Deferred ã‚„ Promise ã¯ã€æ¦‚å¿µã‚„ç”¨èªžãŒå°‘ã€…åˆ†ã‹ã‚Šã«ãã„ã¨ã“ã‚ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã®ã§ã€èªã‚“ã§ãã ã•ã£ãŸæ–¹ã®ã€å°‘ã—ã§ã‚‚ç†è§£ã®åŠ©ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™
matekiki 2012/04/23
jQuery

deferred

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
å¯æ„›ã„ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’å®Ÿè£…ã—ãŸjQueryï¼†CSS3ã®ãƒ‡ãƒ¢ã€ŒSweet Tooltipã€:phpspoté–‹ç™ºæ—¥èªŒ
Sweet Tooltip a jQuery & CSS3 Tooltips ? Webstuffshare ? Learn and share. The simplest harmony. å¯æ„›ã„ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’å®Ÿè£…ã—ãŸjQueryï¼†CSS3ã®ãƒ‡ãƒ¢ã€ŒSweet Tooltipã€ æ¬¡ã®ã‚ˆã†ãªå¯æ„›ã„ãƒ¢ãƒ€ãƒ³ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®å®Ÿè£…ãƒ‡ãƒ¢ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç›®ç«‹ãŸã›ãŸã„æ™‚ã‚„æ³¨ç›®ã—ã¦ã‚‚ã‚‰ã„ãŸã„å ´åˆã«ä½¿ã†ã¨åŠ¹æžœçš„ã§ã™ãã€‚é€šå¸¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚å…¥ã£ã¦ã„ã‚‹ã‚ˆã†ãªã®ã§ä½¿ã„åˆ†ã‘ã‚‰ã‚Œãã†ã§ã™ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’DLã™ã‚Œã°ãƒ‡ãƒ¢ã®HTMLã¨CSS, JSãŒå…¥ã£ã¦ã„ã‚‹ã®ã§å¤‰æ›´ã—ã¦å®¹æ˜“ã«åˆ©ç”¨ã§ãã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚‚ã†ä»–ã®ã¯è¦ã‚‰ãªã„ã‹ã‚‚ã€ãªã‚¯ãƒ¼ãƒ«ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ä½œæˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒTippedã€ ç°¡å˜ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…ï¼†ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPoshy Tipã€ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—å®Ÿè£…ãŒã§ãã‚‹j
matekiki 2012/04/23
ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—

jQuery

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
divå…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒDIV LINKERã€:phpspoté–‹ç™ºæ—¥èªŒ
Div Linker | jQuery Plugins divå…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒDIV LINKERã€ã€‚ æ¬¡ã®ã‚ˆã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒã‚ã£ãŸã¨ã—ã¦ã€ã“ã®å ´åˆã¯ã€ŒLink textã€éƒ¨åˆ†ã«ã—ã‹ãƒªãƒ³ã‚¯ã•ã‚Œã¾ã›ã‚“ã€‚ <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <br /> <a href="//www.google.com">Link text</a> </div> ãã“ã§ã“ã¡ã‚‰ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦åˆæœŸåŒ–ã—ã¾ã™ <script> $(".divlinker").divlinker(); </script> ã™ã‚‹ã¨DIVå…¨ä½“ãŒã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ HTMLã‚’ãã‚Œã„ã«ã‹ãã¤ã¤divå…¨ä½“ã‚’<a>ã¿ãŸã„ã«å‹•ã‹ã™ã“ã¨ãŒã§ãã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª RSSã‚„A
matekiki 2011/10/06
jQuery
ãƒªãƒ³ã‚¯
jQueryã§èƒŒæ™¯ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«å‡ºæ¥ã‚‹ã‚„ã¤è‰²ã€… - ã‹ã¡ã³ã¨.net
æ°—ãŒå‘ã„ãŸã®ã§ãƒ¡ãƒ¢ã€‚èƒŒæ™¯ã«é…ç½®ã—ãŸ ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¡¨ç¤ºã—ã¦ã€æ›´ ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼åŒ–ã§ãã‚‹jQueryã®ãƒ— ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‹ã€‚ã•ã»ã©æ•°ã¯ç„¡ã„ã§ã™ã‘ ã©ãƒ»ãƒ»ãƒ»ä½¿ã†å¯èƒ½æ€§ãŒã‚ã‚‹ã‹ã‚‚ãªã®ã§ å‚™å¿˜éŒ²çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã‚¿ã‚¤ãƒˆãƒ«è€ƒãˆã‚‹ã®çµæ§‹é¢å€’ãã•ã„ã®ã§é©å½“ã«ãªã£ã¦ãã¾ã—ãŸã€‚èªžå½™ãŒä¸å¦ç”Ÿãƒ¬ãƒ™ãƒ«ã§ã™ãŒæ°—ã«ã—ãªã„ã§ä¸‹ã•ã„ã€‚ ã•ã¦ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ã—ãŸèƒŒæ™¯ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã«å‡ºæ¥ã‚‹jQueryã„ã‚ã„ã‚ã§ã™ã€‚ã»ã¼æŠžä¸€ã£ã¡ã‚ƒæŠžä¸€ãªã‚“ã§ã™ã‘ã©ãƒ»ãƒ»ãƒ»ã¡ã‚‡ã£ã¨å‡ºæ¥ä¸ŠãŒã‚Šã™ãŽã¦ã„ã˜ã‚Šã«ãã„ã®ã§ä»–ã‚‚ãƒã‚§ãƒƒã‚¯ã—ãŸã„ã€ã¨ã„ã†äº‹ã§èª¿ã¹ãŸã‚‚ã®ã‚’ç¾…åˆ—ã—ã¦ãŠãã¾ã™ã€‚è§¦ã£ãŸã“ã¨ç„¡ã„ã®ã‚‚ã‚ã‚‹ã®ã§ãã®ç¨‹åº¦ã®è¨˜äº‹ã¨ã„ã†äº‹ã§ã€‚ Supersized å®šç•ªã®é«˜æ©Ÿèƒ½ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚IE6ã§ã¯å‹•ä½œã—ã¾ã›ã‚“ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚å¤§ä¸ˆå¤«ã£ã½ã„ã€‚å¤šæ•°ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€Flickr APIã«ã‚‚å¯¾å¿œã—ã¦ã‚‹ãã•ã„ã§ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MIT/GPLã®ãƒ‡ãƒ¥ã‚¢
matekiki 2011/09/26
jQuery
ãƒªãƒ³ã‚¯
1