[B! Plugin][Javascript] clavierã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

clavier id:clavier

Pluginã¨Javascriptã«é–¢ã™ã‚‹clavierã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (52)

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

æ¥å‹™ã§å®‰å¿ƒã—ã¦ä½¿ãˆã‚‹åŽ³é¸AngularJSãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«8é¸ï¼‹Î± | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
æœ€è¿‘AngularJSã¨ãšã£ã¨ã«ã‚‰ã‚ã£ã“ã—ã¦ã„ã¾ã™ã€‚ã‚„ã£ã¦ã„ã¦æ¥½ã—ã„ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€å…ˆç”Ÿã§ã™ã€‚ æœ€è¿‘ã¯AngularJSã¨ã°ã‹ã‚ŠéŠã‚“ã§ãŠã‚Šã€ã•ã¾ã–ã¾ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’å…¥ã‚Œã¦ã¯æ¶ˆã—ã‚’ç¹°ã‚Šè¿”ã—ã¦ã„ã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ãã‚Œã‚‰ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ä¸ã«ã¯ã€å¯¾å¿œã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ç«¯æœ«ãŒã‚ã£ãŸã‚Šã€ä¸€éƒ¨ç’°å¢ƒã§ã¯æ£å¸¸ã«å‹•ä½œã—ãªã„ãªã©ã®ä¸å…·åˆã‚’æŒã¤ã‚‚ã®ã‚‚å¤šãã‚ã‚Šã¾ã—ãŸã€‚ ãã“ã§æœ¬æ—¥ã¯ã€æ•°ã‚ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ä¸ã§ã‚‚å®‰å¿ƒã—ã¦æ¥å‹™ã§ä½¿ãˆãŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 2014å¹´11æœˆç¾åœ¨ã§ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚‚æ˜Žè¨˜ã—ã¦ã„ã¾ã™ã®ã§å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ å®‰å¿ƒã—ã¦ä½¿ãˆãŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«8é¸ 1. Angular directives for Bootstrap http://angular-ui.github.io/bootstrap/ MIT License Bootstrapã‚’ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã«ã—ã¦ã„ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ å…ƒã€…ã®B
clavier 2014/11/30
angular.js

javascript

bootstrap

plugin

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
éƒµä¾¿ç•ªå·ã‚’å…¥åŠ›ã™ã‚‹ã¨ä½æ‰€ã‚’è‡ªå‹•è£œå®Œã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»jquery.jpostal.js - ã‹ã¡ã³ã¨.net
éƒµä¾¿ç•ªå·ã‹ã‚‰ä½æ‰€ã‚’è‡ªå‹•è£œå®Œã—ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã”ç´¹ä»‹ã€‚ä»–ã«ã‚‚ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã‘ã©ä½¿ã„ã‚„ã™ã‹ã£ãŸã®ã§å‚™å¿˜éŒ²ã¨ã—ã¦ã€‚ ã‚ˆãã‚ã‚‹ã‚„ã¤ã€‚ãƒ¡ãƒ³ãƒ†ã‚‚ä¸è¦ã¨ã®äº‹ãªã®ã§åŠ©ã‹ã‚Šã¾ã™ã€‚ <script type='text/javascript' src='http://code.jquery.com/jquery-git2.js'></script> <script type="text/javascript" src="http://jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script> ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯googlecode.comã«ãƒ›ã‚¹ãƒˆã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚’ç›´æŽ¥èªã¿è¾¼ã¿ã¾ã™ã€‚ $('#postcode1').jpostal({ postcode : [ '#postcode1', '#postcode2' ], address : { '#a
clavier 2014/08/21
jquery

JavaScript

plugin
ãƒªãƒ³ã‚¯
jQuery pluginã®æ›¸ãæ–¹ã‚’ã„ã¾ã•ã‚‰ - Qiita
ãªã‚“ã§ã„ã¾ã•ã‚‰ï¼Ÿ ã„ã¾ã•ã‚‰ã§ã™ãŒã€åˆã‚ã¦æ›¸ã„ãŸã®ã§å‚™å¿˜éŒ²çš„ãªæ„Ÿã˜ã§ã™ã€‚ ã„ã¾ã¾ã§ã¯æ™®é€šã«ç´ ã®JavaScriptã‚’æ›¸ã„ã¦ã„ã¾ã—ãŸãŒã€æ±Žç”¨æ€§ã¨ã‹ä½¿ã„å›žã—ã‚’è€ƒãˆã‚‹ã¨jQuery pluginã«ãªã£ã¦ã„ãŸã»ã†ãŒä½•ã‹ã¨ã„ã„ã‹ãªãƒ¼ã¨æ€ã£ãŸã®ã§ã—ãŸã€‚ pluginã«ã™ã‚‹ã¨ä½•ãŒã„ã„ã®ï¼Ÿ HTMLå´ã®è¨˜è¿°ã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«ã§ãã¾ã™ã€‚ ã‚ˆãè¦‹ã‹ã‘ã‚‹jQuery pluginã¨åŒã˜ã‚ˆã†ãªè¨˜è¿°æ–¹æ³•ã§ã€ãªã‚“ã‹è‰¯ã„ã§ã™ã‚ˆãã€‚ <script type="text/javascript"> $('.class-name').your_plugin_name(); </script> (function($){ $.fn.your_plugin_name = function(){ var $self = $.fn.your_plugin_name; //è‡ªåˆ†è‡ªèº«ã‚’ä¿æŒã—ã¦ãŠãã¨ã€å¾Œã®è¨˜è¿°ãŒã™ã£ãã‚Šã™ã‚‹ã—ä½•ã‹ã¨ã„ã„ã¿ãŸã„
clavier 2014/06/13
jquery

plugin

JavaScript
ãƒªãƒ³ã‚¯
$.onScreen();
A jQuery plugin that does stuff to elements when they enter or leave the viewport Download How to use Basic usage The basic form $('element').onScreen(); will only toggle the onScreen class on the matched elements. This is optimal for CSS animations, like the demos section above. You can set the tolerance parameter and allow the elements to enter the viewport certain amount of pixels before doing
clavier 2013/11/07
javascript

jQuery

plugin
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ã®åˆæ©
è‡ªåˆ†ã§ã‚‚jQueryã‚’ä½¿ã£ã¦jsã‚’æ›¸ãã®ã§ã€ã“ã‚Œã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã§ããŸã‚‰ã„ã„ãªã¨æ€ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ã¨ã„ã†è¨³ã§å¤§æž ã®æ§‹æˆã ã‘ã§ã™ãŒã€åŸºæœ¬çš„ãªä½œã‚Šæ–¹ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ï¼ˆã‚ã¨ã¯å¼•æ•°ã§è¨å®šã‚’å¤‰ãˆã‚‹ã®ãŒã‹ã£ã“ã„ã„ã¨æ€ã£ãŸã®ã§ä½œã£ã¦ã¿ãŸã‹ã£ãŸã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ï¼‰ ç„¡åé–¢æ•° ä»–ã®é ˜åŸŸã«å¹²æ¸‰ã—ãªã„ã•ã‚Œãªã„ã‚ˆã†ã«ä»¥ä¸‹ã®è¨˜è¿°ã§å›²ã¿ã¾ã™ã€‚jQueryã‚’å¼•æ•°ã¨ã—ã¦æŒ‡å®šã—ã¦ã„ã‚‹ã®ã§ã€ã“ã®ä¸ã§ã‚‚$è¡¨è¨˜ãŒä½¿ãˆã¾ã™ã€‚ (function($) { //ä¸èº« })(jQuery); ãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¿½åŠ ã™ã‚‹ ã“ã“ãŒå®Ÿéš›ã«å‡¦ç†ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã„ãå ´æ‰€ã§ã™ã€‚ã€Œ$.fn.hogehogeã€ã®hogehogeã®éƒ¨åˆ†ãŒãƒ¡ã‚½ãƒƒãƒ‰åã«ãªã‚Šã¾ã™ã€‚ (function($) { $.fn.hogehoge = function(options){ //ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸èº« } })(jQuery); ä½¿ç”¨ã™ã‚‹ å®Ÿè¡Œã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã¨ãã«ã‚ˆ
clavier 2013/09/12
jquery

JavaScript

Study

ã‚ã¨ã§èªã‚€

plugin
ãƒªãƒ³ã‚¯
Bootstrapã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚
Lightboxãƒ»ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦é–¢é€£ / Bootbox.js / Bootstrap-modalä»–...å…¨17ä»¶
clavier 2013/09/10
bootstrap

Javascript

library

plugin

jquery

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[JS]è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’1ãƒšãƒ¼ã‚¸ã«åž‚ç›´ã«é…ç½®ã—ãŸéš›ã«ãƒ™ã‚¹ãƒˆãƒã‚¸ã‚·ãƒ§ãƒ³ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’è£œæ£ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery.panelSnap
Event Capturing å„ã‚¤ãƒ™ãƒ³ãƒˆã‚’å–å¾—ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ jQuery.panelSnapã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’headå†…ã«å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="/path/to/jquery.js"></script> <script src="/path/to/jquery.customEvents.js"></script> <script src="/path/to/jquery.panelSnap.js"></script> </head> Step 2: HTML ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ä¸€ã¤ãšã¤sectionè¦ç´ ï¼ˆå¤‰æ›´å¯èƒ½ï¼‰ã§ä¸¦åˆ—ã«é…ç½®ã—ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è‡ªç”±ã«ã—ã¦ãã ã•ã„ã€‚ <body> <section>ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼š1</section> <section>ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼š2</sect
clavier 2013/07/18
JavaScript

Plugin

jquery
ãƒªãƒ³ã‚¯
[JS]è»½å¿«ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚°ãƒªãƒƒãƒ‰ã«é…ç½®ã—ãŸãƒ‘ãƒãƒ«ã‚’ãƒ‘ã‚ºãƒ‰ãƒ©ã®ã‚ˆã†ã«ç§»å‹•ã—ãŸã‚Šã€è¿½åŠ ãƒ»å‰Šé™¤ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Gridly
ãƒ‡ãƒ¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ Gridlyã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="https://ajax.google apis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script> <script src="javascript/jquery.gridly.js" type="text/javascript"></script> <link href="stylesheets/jquery.gridly.css" rel="stylesheet" type="text/css" /> Step 2: HTML å„ãƒ‘ãƒãƒ«ã¯divè¦ç´ ã§å®Ÿè£…ã—ã€ãã‚Œã‚‰ã‚’ãƒ©ãƒƒãƒ‘ãƒ¼ã§åŒ…ã¿ã¾ã™ã€‚ <div class=
clavier 2013/07/17
javascript

jquery

Plugin
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨å¯ã®ãƒ•ãƒªãƒ¼jQuery Lightboxãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚
å†™çœŸã®æ‹¡å¤§ã‚„ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒšãƒ¼ã‚¸ãªã©ã«è‰¯ãåˆ©ç”¨ã•ã‚Œã‚‹... / ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œLightboxãƒ—ãƒ©ã‚°ã‚¤... / Swipebox | A touchable j...ä»–...å…¨12ä»¶ å†™çœŸã®æ‹¡å¤§ã‚„ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒšãƒ¼ã‚¸ãªã©ã«è‰¯ãåˆ©ç”¨ã•ã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚è¿‘å¹´ã®ã‚µã‚¤ãƒˆåˆ¶ä½œã§ä½¿ã‚ãªã„ã“ã¨ãŒãªã„æœ€ã‚‚ãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ æœ€è¿‘ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®æœ‰æ–™ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚ç¶šã€…ç™»å ´ã€‚ã•ã‚‰ã«ä¾¿åˆ©ã«ä½¿ã„ã‚„ã™ãé€²åŒ–ã—ã¦ã¯ã„ã¾ã™ãŒã€å•†ç”¨ã ã¨æœ‰æ–™åŒ–ãŒé€²ã‚“ã§ã€ä»¥å‰ã«æ¯”ã¹ã‚‹ã¨ç„¡æ–™ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’è¦‹ã¤ã‘è¾›ããªã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€ã“ã“ã§ã¯æœ€è¿‘ã®ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã¦å•†ç”¨åˆ©ç”¨å¯èƒ½ãªLightboxãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚
clavier 2013/06/11
jQuery

Plugin

javascript

lightbox.js

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[JS]ãƒ•ã‚©ãƒ¼ãƒ ã®selectè¦ç´ ã‚’HTMLã®å¤‰æ›´ç„¡ã—ã§ã€ãƒŸãƒ‹ãƒžãƒ«ã«ç¾Žã—ãä½¿ã„ã‚„ã™ãã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Minimalect
ãƒ•ã‚©ãƒ¼ãƒ ã®selectè¦ç´ ã‚’HTMLã«ã¯æ‰‹ã‚’åŠ ãˆãšã«ã€ç¾Žã—ã„ãƒŸãƒ‹ãƒžãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã—ã€ä½¿ã„ã‚„ã™ã•ã‚‚ã‚¢ãƒƒãƒ—ã•ã›ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ†ãƒ¼ãƒžã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ†ãƒ¼ãƒžã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ™ãƒ¼ã‚¹ã§ã¤ãã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Minimalect Minimalectã®ç‰¹å¾´ Minimalectã®ãƒ‡ãƒ¢ Minimalectã®ä½¿ã„æ–¹ Minimalectã®ç‰¹å¾´ selectè¦ç´ ã‚’æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ç½®ãæ›ãˆã¾ã™ã€‚ optgroupsã®ã‚µãƒãƒ¼ãƒˆã€‚ ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã®ã‚µãƒãƒ¼ãƒˆã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ ãƒ†ãƒ¼ãƒžã®ã‚µãƒãƒ¼ãƒˆã€‚ Minimalectã®ãƒ‡ãƒ¢ HTMLã®å¤‰æ›´ã¯ç„¡ã—ã§ã€selectè¦ç´ ã‚’ç¾Žã—ãã€ãã—ã¦ä½¿ã„ã‚„ã™ãã—ãŸãƒ‡ãƒ¢ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãšã¯ã€ä¸€ã¤ç›®ã€‚
clavier 2013/06/05
plugin

form

jquery

javascript
ãƒªãƒ³ã‚¯
LazyLoadã‚’å®Ÿç¾ã™ã‚‹1KBã‚’åˆ‡ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒUnveilã€:phpspoté–‹ç™ºæ—¥èªŒ
jQuery Unveil - A very lightweight plugin to lazy load images LazyLoadã‚’å®Ÿç¾ã™ã‚‹1KBã‚’åˆ‡ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒUnveilã€ LazyLoadãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½™åˆ†ãªæ©Ÿèƒ½ï¼ˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ã‚¤ãƒ™ãƒ³ãƒˆï¼‰ã‚’çœã„ã¦è»½é‡åŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚ LazyLoadã§ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ã‚’ã‚ã’ã‚ˆã†ã¨ã—ã¦LazyLoadã§é…ããªã‚‰ãªã„ã‚ˆã†ã«ã—ãŸã„å ´åˆã«ä½¿ãˆãã† ã¨ã«ã‹ãè»½ãã—ãŸã„å ´åˆã«æ¤œè¨Žã—ã¦ã¿ã¦ã‚‚ã‚ˆã„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ï¼‘ãƒšãƒ¼ã‚¸å†…ã§è¤‡æ•°ãƒšãƒ¼ã‚¸ã«åˆ†å‰²ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œwindowsã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ä½¿ãˆã‚‹ã‚¿ãƒ–UIå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒEasy-Responsive-Tabs-to-Accordionã€ ç¯„å›²æŒ‡å®šãŒå¯èƒ½ã«ãªã‚‹UIå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒnoUiSliderã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«åŠ ãˆã‚¹ãƒžãƒ›ç”¨ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã‚‚ã§ãã‚‹
clavier 2013/06/05
jquery

javascript

Plugin
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
clavier 2013/04/28
javascript

jquery

plugin

development

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§å†ç·¨æˆã§ãã‚‹Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.Shapeshiftã€:phpspoté–‹ç™ºæ—¥èªŒ
jQuery.Shapeshift ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§å†ç·¨æˆã§ãã‚‹Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.Shapeshiftã€ã€‚ æœ€åˆã«ä¸€åº¦å‡ºã—ã¦çµ‚ã‚ã‚Šãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã¯ãªãã¦ã€ãƒ¦ãƒ¼ã‚¶ãŒãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰ãˆã‚‰ã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ä¸ã‚‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦å‹•ããŒãªã‹ãªã‹é¢ç™½ã„ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Pinteresté¢¨ã®WordPressãƒ†ãƒ¼ãƒžé›† Twitter,Facebook,YouTube,Pinterestã®RSSãƒ•ã‚£ãƒ¼ãƒ‰URLã¾ã¨ã‚ Pinterestã®PinItæ©Ÿèƒ½å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Facebookã‚„Twitterã®å†…å®¹ã‚’ã¾ã¨ã‚ã¦Pinteresté¢¨ã«è¡¨ç¤ºã§ãã‚‹PHPã‚¢ãƒ—ãƒªã€ŒInfinite-social-wallã€
clavier 2013/04/24
jQuery

plugin

javascript

pinterest
ãƒªãƒ³ã‚¯
LightBoxã¯ã“ã“ã¾ã§é€²åŒ–ã—ãŸã‚ˆã€ŒVisualLightBoxã€:phpspoté–‹ç™ºæ—¥èªŒ
jQuery Image Lightbox: Prime Time DEMO LightBoxã¯ã“ã“ã¾ã§é€²åŒ–ã—ãŸã‚ˆã€ŒVisualLightBoxã€ CSS3ç‰ã‚’ä½¿ã£ã¦ã‹ãªã‚Šã‚ªã‚·ãƒ£ãƒ¬ã«é€²åŒ–ã—ãŸLightBoxãŒå®Ÿè£…ã§ãã¾ã™ã€‚LightBoxã¯ã‚‚ã†ï¼˜å¹´ãã‚‰ã„ã¾ãˆã«ç™»å ´ã—ã¦ã€ä»Šã‚ªãƒªã‚¸ãƒŠãƒ«ã‚’ã¿ã‚‹ã¨ãªã‚“ã‹å¤ã„æ„Ÿã˜ãŒã™ã‚‹ã¨ã„ã†ã“ã¨ã§æ™‚ã®æµã‚Œã‚’æ„Ÿã˜ã¾ã™ ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚ªã‚·ãƒ£ãƒ¬ã«æ‹¡å¤§ã€‚ ãƒ†ãƒ¼ãƒžãŒå¤§é‡ã«ã‚ã£ã¦å¥½ã¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¸ã³ãŸã„æ”¾é¡Œ Windowsã£ã½ã„ã‚¹ã‚ãƒ³ã€‚LightBoxãŒå‡ºãŸã®ã£ã¦ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚’ç¦æ¢ã™ã‚‹ãƒ„ãƒ¼ãƒ«ãŒå¤šãå‡ºã¦ããŸã“ã¨ãŒèƒŒæ™¯ã«ã‚ã‚Šã¾ã™ãŒã€ãƒšãƒ¼ã‚¸å†…ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¦é¢ç™½ã„ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒ¯ã‚¤ãƒ—ã§ãã‚‹LightBoxå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSwipeboxã€ ä»Šã“ãçŸ¥ã£ã¦ãŠãLightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³20+
clavier 2013/04/22
Plugin

jQuery

javascript

lightbox.js

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
jQuery ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ä¸ã«ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒè¨ç½®ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ jQuery slideinslide ã€‘ | Stronghold Archive
ã©ã†ã‚‚ã“ã‚“ã°ã‚“ã¯ã€‚ä»Šå›žã®Tipsã¯ã€jQuery ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ä¸ã«ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒè¨ç½®ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ jQuery slideinslideã€‘ã§ã™ã€‚ä»Šå›žã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯è‡ªä½œã§ã™ã€‚æ©Ÿä¼šã¯å°‘ãªã„ã§ã™ãŒä½•åº¦ã‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ä¸ã«ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’è¨ç½®ã—ãŸã„ã¨ã„ã†å ´é¢ãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¾ã§ã¯éƒ½åº¦ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ›¸ã„ã¦ã„ãŸã®ã§ã™ãŒâ€¦ã¡ã‚‡ã£ã¨é¢å€’ã ãªãã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã—ã¾ã—ãŸã€‚ã“ã®è¬Žãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³â€¦è‡ªåˆ†ç”¨ã«ã¨ã£ã¦ãŠã„ã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€å˜åœ¨è‡ªä½“å¿˜ã‚Œã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚‹ã®ã§â€¦å‚™å¿˜éŒ²ã¨ã—ã¦ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ DEMO & DOWNLOAD æ›´æ–°æƒ…å ± ãƒ»2013 3/8 æ°´å¹³æ–¹å‘ã¸ã®ã‚¹ãƒ©ã‚¤ãƒ‰æ©Ÿèƒ½ã‚’è¿½åŠ ã€‚è©³ã—ãã¯Optionã‚’ã”ç¢ºèªãã ã•ã„ã€‚ä¸Šä¸‹å·¦å³ã®ã‚ãƒ¼ãƒœãƒ¼ãƒˆã«ã‚‚å¯¾å¿œã—ã¦ãŠã‚Šã¾ã™ã€‚DEMOã¯ã“ã¡ã‚‰ã‹ã‚‰ å®Ÿè£…æ–¹æ³• å®Ÿè£…ã¯è‡³ã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ã‚¹ãƒ©ã‚¤ãƒ‰ã®ä¸ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã®å…¥ã‚‹HTMLã‚’ç”¨æ„ã—ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ èªã¿è¾¼ã¿ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆjQue
clavier 2013/03/23
plugin

javascript

jquery

slide
ãƒªãƒ³ã‚¯
Jenkins ãŒã‚‚ã£ã¨ã‚‚ã£ã¨ä¾¿åˆ©ã«ãªã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ 8 ã¤
ã“ã‚“ã«ã¡ã¯ã€é–‹ç™ºæ‹…å½“ã®æ¾æœ¬ã§ã™ã€‚ å‰å›žã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç´¹ä»‹è¨˜äº‹ãŒã‚ã‚Šã¨åéŸ¿ãŒã‚ã£ãŸã‚ˆã†ã§ã™ã®ã§ã€ä»Šå›žã‚‚ä¾¿åˆ©ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ å¥½ã¿ã®ãƒ†ãƒ¼ãƒžã«å¤‰æ›´ã§ãã‚‹: Simple Theme Plugin å·¦ä¸‹ã®ã„ã¤ã‚‚å‡ºã¦ã„ã‚‹åŸ·äº‹ã®é¡”ãŒæ°—ã«ãªã£ã¦ãã‚‹äººã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªã¨ãã«ã¯ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚CSS ã¨ JavaScript ã‚’æŒ¿ã—è¾¼ã‚€ã ã‘ã®å˜ç´”ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªãŒã‚‰ãã®åŠ¹æžœã¯çµ¶å¤§ã§ã™ã€‚ åˆ©ç”¨ã™ã‚‹ã«ã¯ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³å°Žå…¥å¾Œã« Jenkins ã®ç®¡ç† â†’ ã‚·ã‚¹ãƒ†ãƒ ã®è¨å®š â†’ theme ã«è¿½åŠ ã™ã‚‹ CSS ã¨ JS ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒšãƒ¼ã‚¸ã«ã¯ã‚µãƒ³ãƒ—ãƒ«ã®CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšã€åŸ·äº‹ã®é¡”ã‚’æ¶ˆã—ãŸã„ã ã‘ãªã‚‰ CSS ã«æ¬¡ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚Œã°ã‚ˆã„ã§ã™ã€‚ #main-table { background-image: none !important; } ãƒšãƒ¼ã‚¸ã®
clavier 2013/03/12
document

jenkins

javascript

plugin

ci
ãƒªãƒ³ã‚¯
[JS]æœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã—ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚ -2013å¹´1ãƒ»2æœˆ
ç´¹ä»‹æ¸ˆã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€æœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã—ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ åŽ»å¹´ã¾ã§ã¯33+1é¸ã¨ã—ã¦ã¾ã—ãŸãŒã€ä»Šå¹´ã‹ã‚‰æ–°ãŸãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã€‚
clavier 2013/02/18
jquery

css3

JavaScript

plugin

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Cycle.js | a jQuery plugin
Cycle.js a jQuery plugin An intuitive, lightweight carousel solution. No coding required. Download GitHub Project Version 1.0.6 Cycle through your content without writing a single line of Javascript. To keep things simple, transition effects are optional and have been limited to slide and cross-fade. In browsers that don't support CSS transitions, jQuery's animate is used. Setup Before getting sta
clavier 2013/01/26
JavaScript

jQuery

plugin
ãƒªãƒ³ã‚¯
JavaScriptæ›¸ãã¨ãã«ä¾¿åˆ©ãªVimãƒ—ãƒ©ã‚®ãƒ³é›† - Life goes on
ã“ã®è¨˜äº‹ã¯Vim Advent Calendar 2012ã®52æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ å‰å›žã®è¨˜äº‹ã¯asion_mã•ã‚“ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã¡ã‚‡ã£ã¨å¹¸ã›ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ä½œã£ã¦ã¾ã™ã€‚ã§ã—ãŸã€‚ è‰¯ã„å…·åˆã«ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãŠè©±ç¶šãã«ãªã£ã¦ãŠã‚Šã€Œæµã‚ŒãŒã‚ã‚¿ï¼ã€ãªã©ã¨æµ®ã‹ã‚Œã¦ã„ãŸã¨ã“ã‚ã€ã¯ã¦ãªãƒ–ãƒã‚°ãŒ0æ™‚ã‹ã‚‰8æ™‚ã¾ã§é•·æ™‚é–“ã®ãƒ¡ãƒ³ãƒ†ã«å…¥ã£ã¦ãŠã‚Šæ³£ããŸã„æ°—åˆ†ã§ä¸€æ¯ã«ãªã£ã¦ã„ã¾ã™ã€‚ æ°—ã‚’å–ã‚Šç›´ã—ã¦ã€ã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã•ã¦ã€è‡ªåˆ†ã¯ä¸€å¿œJavaScriptã‚’æ›¸ãã“ã¨ã§(ã¾ãŸã¯æ›¸ã‹ãªã„äº‹ã§)ã‚ªãƒžãƒ³ãƒžã‚’é£Ÿã¹ã•ã›ã¦ã„ãŸã ã„ã¦ã‚‹è¨³ã§ã™ãŒã€ãã†ã„ãˆã°ã‚ã‚“ã¾ã‚ŠJavaScriptæ›¸ãç’°å¢ƒã«ã¤ã„ã¦ãƒ–ãƒã‚°ã«æ›¸ã„ã¦ãªã„ãªãƒ¼ã¨æ€ã„ã€è‡ªåˆ†ãŒä½¿ã£ã¦ã‚‹JavaScripté–¢é€£ã®ãƒ—ãƒ©ã‚®ãƒ³ã¨è¨å®šãªã‚“ã‹ã‚’ç´¹ä»‹ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ã€Œã“ã‚Œã¯å¸¸è˜ã§ã—ã‚‡pgrã€ãªã©ã¨ã„ã†ã‚‚ã®ãŒå¤šæ•°å«ã¾ã‚Œã¦ã„ã‚‹ã“ã¨ã¯äºˆæƒ³ã•ã‚Œ
clavier 2013/01/22
plugin

javascript

vim
ãƒªãƒ³ã‚¯
ç”»åƒã‚’å¾ã€…ã«èªã¿è¾¼ã¿ãªãŒã‚‰ã€ã‚¿ã‚¤ãƒ«çŠ¶ã«ä¸¦ã¹ã¦ã„ãjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œstalactiteã€
twitter facebook hatena google pocket PinterestãŒæµè¡Œã£ã¦ã‹ã‚‰ã‚¿ã‚¤ãƒ«çŠ¶ã«é…ç½®ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¢—ãˆã¾ã—ãŸã€‚ æ–°ã¯ã¦ãƒ–ã®ã‚ˆã†ã«ç›®ç·šãŒã°ã‚‰ã¤ãã¨ã„ã†æŒ‡æ‘˜ã‚‚ã‚ã‚Šã¾ã™ãŒã€ç”»åƒã ã‘ã‚’è¦‹ã›ã‚‹ã®ã§ã‚ã‚Œã°æœ‰åŠ¹ãªæ‰‹æ®µãªã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã€Œstalactite : A jQuery pluginã€ã§ã¯ã€ç”»åƒã ã‘ã§ãªãã€iframeãªã©ã‚‚å¾ã€…ã«èªã¿è¾¼ã‚“ã§ã„ãã¨ã„ã†ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ã‹ã‘ã¦ãã‚Œã¾ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• stalactite : A jQuery pluginã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ ä¸‹è¨˜ã®ã‚ˆã†ã«JavaScriptã‚’è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="/test/js/jquery-1.8.3.min.js"></script> <script type="text/javascr
clavier 2013/01/15
JavaScript

jquery

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