[B! jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³][ jquery] chokuchokoã®ãƒ

chokuchoko id:chokuchoko

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ jqueryã«é–¢ã™ã‚‹chokuchokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (61)

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

webã‚µã‚¤ãƒˆã®å‹•ãã‚’é…åŠ›çš„ã«æ¼”å‡ºã™ã‚‹ ãƒ•ãƒªãƒ¼jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³é›†ã€ŒFree jQuery Plugins To Create An Amazing Websiteã€
webã‚µã‚¤ãƒˆã®å‹•ãã‚’é…åŠ›çš„ã«æ¼”å‡ºã™ã‚‹ ãƒ•ãƒªãƒ¼jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³é›†ã€ŒFree jQuery Plugins To Create An Amazing Websiteã€ ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€ç‹¬è‡ªã®å‹•ãã‚’å–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã§webã‚µã‚¤ãƒˆã¯ã‚ˆã‚Šé…åŠ›çš„ãªã‚‚ã®ã«å¤‰åŒ–ã—ã¾ã™ã€‚ä»Šå›žã¯ãã‚“ãªæ™‚ã«å‚è€ƒã«ã—ãŸã„ã€webã‚µã‚¤ãƒˆã®å‹•ãã‚’é…åŠ›çš„ã«æ¼”å‡ºã™ã‚‹ãƒ•ãƒªãƒ¼jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³é›†ã€ŒFree jQuery Plugins To Create An Amazing Websiteã€ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ jquery.adaptive-backgrounds.js â€¢ A jQuery plugin for extracting dominant colors from images and applying it to its parent çµ„ã¿è¾¼ã‚€ã ã‘ã§ã€webã‚µã‚¤ãƒˆã‚’é…åŠ›çš„ã«æ¼”å‡ºã—ã¦ãã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæƒã£ã¦ã„
chokuchoko 2015/01/26
jQuery

jQuery

plugins

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒ¼ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒiCheck.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
iCheck jQuery plugin - highly customizable checkboxes and radio buttons ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒ¼ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒiCheck.jsã€ã€‚ ä¸€èˆ¬çš„ãªãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’å°‘ã—èª¿æ•´ã—ã¦ã‚¯ãƒ¼ãƒ«ã«ã—ãŸã‚‚ã®ã‚„ã€ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸç‰©ãªã©ã€ã‚¯ãƒ¼ãƒ«ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã—ã¦ã¿ãŸç‰©ã€‚ ãƒœã‚¿ãƒ³ã£ã½ãã—ã¦ã¿ãŸã‚‚ã® ã‚ˆã‚Šã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ã¿ãŸã‚‚ã® é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãƒ»ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’è¶…ç°¡å˜å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ï¼’æ¬¡å…ƒã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼†jQueryã‚µãƒ³ãƒ—ãƒ«
chokuchoko 2013/03/26
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jquery plugin

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
WEBã‚µã‚¤ãƒˆåˆ¶ä½œã«ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒˆã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚ã€Œ15 jQuery Plugins To Create Awesome Photo Galleriesã€
WEBã‚µã‚¤ãƒˆåˆ¶ä½œã«ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒˆã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚ã€Œ15 jQuery Plugins To Create Awesome Photo Galleriesã€ ã‚µã‚¤ãƒˆå†…ã§ç”»åƒã‚„å‹•ç”»ã‚’å…¬é–‹ã™ã‚‹æ–¹ã‚‚å¤šãã€ã‚ˆã‚Šé«˜åº¦ãªå‹•ãã®ã‚ã‚‹ã‚µã‚¤ãƒˆåˆ¶ä½œã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ãã‚“ãªä¸ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ãŒã€WEBã‚µã‚¤ãƒˆåˆ¶ä½œã«ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒˆã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ãŸã€Œ15 jQuery Plugins To Create Awesome Photo Galleriesã€ã§ã™ã€‚ è¡¨ç¤ºã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ãŒé…åŠ›çš„ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå¤šæ•°ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ä¸ã§ã‚‚æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ã„ãã¤ã‹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã®ã§ã€ä¸‹è¨˜ã‚ˆã‚Šã”è¦§ãã ã•ã„ã€‚ è©³ã—ãã¯ä»¥ä¸‹ â– DIGICRAFTS Thumbnail Gallery å†™çœŸã®ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºã¯ã‚‚ã¡ã‚ã‚“ã€åˆ‡ã‚Šæ›¿ã‚ã‚Šã®
chokuchoko 2013/01/31
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

jQuery

javascript

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
WEBã‚µã‚¤ãƒˆã§ä¾¿åˆ©ãªjQueryãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³15é¸ã€Œ15 Cool jQuery Modal Pluginsã€
ã‚¢ãƒ©ãƒ¼ãƒˆã‚’å‡ºã—ãŸã‚Šã€æ¡ˆå†…ã‚’ã ã—ãŸã‚Šéžå¸¸ã«å¤šæ§˜ãªä½¿ã„æ–¹ã§ä¾¿åˆ©ã«ä½¿ãˆã‚‹ãƒ¢ãƒ¼ãƒ€ãƒ«ã€‚ãã‚Œã ã‘ã«å¤šãã®WEBã‚µã‚¤ãƒˆã§åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã€ä¾¿åˆ©ãªjQueryãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³15é¸ã€Œ15 Cool jQuery Modal Pluginsã€ã§ã™ã€‚ SimpleModal / Eric Martin / ericmmartin.com ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã‹ã‚‰ã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼çš„ãªã‚‰åˆ©ç”¨ãŒã§ãã‚‹ã‚‚ã®ã¾ã§å¹…åºƒãåŽé›†ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ Flare Responsive Mobile-Optimized Lightbox Plugin Youtubeã‚„Vimeoãªã©ã‚‚è¡¨ç¤ºå¯èƒ½ãªãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ leanModal â€“ a JQuery modal plugin that works with your
chokuchoko 2012/11/27
jQuery

jQuery

lightbox

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

Webã‚µã‚¤ãƒˆ

plugins
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #8 jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦è©³ã—ã | DevelopersIO
åƒ•ã¯äººã®åå‰ã‚’è¦šãˆã‚‹ã®ãŒè‹¦æ‰‹ã§ã™ã€‚ãã‚Œã¯ã•ã¦ãŠãã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œæˆæ–¹æ³•ã«ã¤ã„ã¦é »ç¹ã«å¿˜ã‚Œã‚‹ã®ã§ã€æ‰‹é †ã‚’ã“ã“ã«ã¾ã¨ã‚ã¦ãŠãã“ã¨ã«ã—ã¾ã™ã€‚ã‚³ãƒ¬ã•ãˆèªã‚ã°æ€¥ã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å¤§é‡ã«ä½œã‚Œã¨ã„ã£ãŸç„¡èŒ¶ã¶ã‚Šã‚’ã•ã‚Œã¦ã‚‚å¤§ä¸ˆå¤«ã€‚ å¤šã„æ—¥ã‚‚å®‰å¿ƒâ™ªï¼ˆã‚Ï‰ãƒ»ï¼‰vï½·ï½¬ï¾‹ï¾Ÿ ã¯ã˜ã‚ã« - jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ§‹æˆ ç´°ã‹ã„å·®ã¯ã‚ã‚Œã©ã€åŸºæœ¬çš„ã«jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ§‹æˆã§æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ // åŒ¿åé–¢æ•°ã§å…¨ä½“ã‚’ãƒ©ãƒƒãƒ— - (5) (function($) { // ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®åå‰ - (1) $.fn.name_space = function() { //è¦ç´ ã‚’é€€é¿ - (2) var elements = this; // è¦ç´ ã‚’ã²ã¨ã¤ãšã¤å‡¦ç† - (3) elements.each(function() { // å…·ä½“çš„ãªå‡¦ç†ã‚’ã“ã“ã«è¨˜è¿° }); // method chain
chokuchoko 2012/11/01
css

jQuery

jQuery

function

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

javascript
ãƒªãƒ³ã‚¯
CSS3ã‚’ä½¿ã£ãŸã‚¯ãƒ¼ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒslideControl.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
slideControl.js jQuery Plugin CSS3ã‚’ä½¿ã£ãŸã‚¯ãƒ¼ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒslideControl.jsã€ã€‚ æ¬¡ã®ã‚ˆã†ãªç¶ºéº—ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…å‡ºæ¥ã¾ã™ã€‚CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã‚‹ã®ã§è¦‹ãŸç›®ã‚’å¤‰æ›´ã™ã‚‹ã®ã‚‚å®¹æ˜“ã§ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼è‡ªä½“ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚å¯èƒ½ã€‚ CSS3éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã‚¹ã‚¿ã‚¤ãƒ«ã¯ã¡ã‚ƒã‚“ã¨ã‚ãŸã£ã¦ã¾ã›ã‚“ãŒã¡ã‚ƒã‚“ã¨å‹•ãã¿ãŸã„ã§ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—çš„ã«ã‚‚ã€<input type="text" value="4.0" class="slideControl" /> ã®ã‚ˆã†ãª input type="text" ã®ã‚‚ã®ã‚’$('.slideControl').slideControl();ã®ã‚ˆã†ã«åˆæœŸåŒ–ã™ã‚Œã°ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼åŒ–ã—ã¦ä¾¿åˆ© é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è»½é‡ã®ã‚¹ãƒ¯ã‚¤ãƒ—å¯èƒ½ãªã‚¹ãƒžãƒ›ç”¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼JSã€ŒSwipeJSã€ ã“ã‚Œã¯æ–°ã—ã„å††å½¢ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹ã€ŒTin
chokuchoko 2012/10/18
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

css3

jQuery
ãƒªãƒ³ã‚¯
[JS]æœ¨ã®è‘‰ãŒæœ¨æž¯ã‚‰ã—ã«èˆžã†ã‚ˆã†ã«è»½ã‚„ã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Windy
ç”»åƒã‚„è¦‹å‡ºã—ãƒ»ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ãªã©ã‚’é…ç½®ã—ãŸãƒ‘ãƒãƒ«ã‚’æœ¨æž¯ã‚‰ã—ã«èˆžã†è‘‰ã£ã±ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Demo 3: jQuery UI Sliderã‚’ä½¿ã£ãŸã‚¿ã‚¤ãƒ— Windyã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.windy.js"></script> Step 2: HTML ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§ã€å„ã‚¢ã‚¤ãƒ†ãƒ ã«ç”»åƒã‚„è¦‹å‡ºã—ãƒ»ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã‚’è‡ªç”±ã«é…ç½®ã§ãã¾ã™ã€‚ <ul
chokuchoko 2012/10/10
jQuery

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

function

javascript

jQuery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè£…ã™ã‚‹éš›ã«å˜ä½“ã§ä½¿ãˆã‚‹è»½é‡JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒKeypressã€:phpspoté–‹ç™ºæ—¥èªŒ
Keypress: A Javascript library for capturing input ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè£…ã™ã‚‹éš›ã«å˜ä½“ã§ä½¿ãˆã‚‹è»½é‡JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒKeypressã€ jQueryç‰ã«ä¾å˜ã›ãšã€ç°¡å˜ã«ä½¿ãˆã‚‹ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚¤ãƒ™ãƒ³ãƒˆå®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚å˜ä½“ã‚ãƒ¼ã ã‘ã§ãªãã€è¤‡æ•°ã®ã‚ãƒ¼ã®çµ„åˆã›ã‚„ã€ã‚ãƒ¼ã‚’æŠ¼ã—ãŸé †ã«ã‚ˆã£ã¦ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºå‹•ã•ã›ã‚‹ã“ã¨ãŒã§ãã€ã¨ã‚Šã‚ãˆãšã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãªã‚“ã‹ã‚’å…¥ã‚ŒãŸã„ã¨ã„ã†å ´åˆã«ç°¡å˜ã«ä½¿ãˆãã†ã§ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆå®Ÿè£…ã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã€‚Shift+Sã§ç™ºå‹•ã™ã‚‹é–¢æ•°ã‚’è¨å®šã—ã¦ã„ã¾ã™ã€‚ keypress.combo("shift s", function() { console.log("You pressed shift and s"); }); æ¬¡ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚’â†‘â†‘â†“â†“ã€œã¨ã„ã†æ„Ÿã˜ã«é †ã«æ‰“ã£ã¦ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºå‹•ã•ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ keypr
chokuchoko 2012/10/04
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

phpspot

library
ãƒªãƒ³ã‚¯
WEBã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£é–¢ä¿‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³é›†ã€ŒjQuery plugins for awesome web typographyã€
TOPÂ Â >Â Â WebDesignÂ Â >Â Â WEBã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£é–¢ä¿‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³é›†ã€ŒjQuery plugins for awesome web typographyã€ æ—¥æœ¬ã§ã¯äº’æ›æ€§ã‚’é‡è¦–ã™ã‚‹å‚¾å‘ãŒã¤ã‚ˆãã¾ã ã‚ã¾ã‚Šã€ç‰¹æ®Šãªãƒ•ã‚©ãƒ³ãƒˆã‚’javascriptãªã©ã§ä½œã‚Šå‡ºã™ã‚ˆã†ãªæ‰‹æ³•ã¯ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ä¸ã«ã¯ã€æŒ‘æˆ¦çš„ãªã‚µã‚¤ãƒˆã‚‚ã‚ã‚Šã€ãƒ•ã‚©ãƒ³ãƒˆã‚’jsã‚„CSSã§è¦‹ã›ã‚‹ãã‚“ãªã‚µã‚¤ãƒˆã‚‚ã‚ã‚Šã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯WEBã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£é–¢ä¿‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³é›†ã€ŒjQuery plugins for awesome web typographyã€ã§ã™ã€‚ Fit Text â€“ A plugin for inflating web type ãƒ•ã‚©ãƒ³ãƒˆã‚’åŠ å·¥ã™ã‚‹ã‚‚ã®ã€ãƒ†ã‚ã‚¹ãƒˆã®çµ„ã‚’ç‰¹æ®Šã«ã—ã¦ãã‚Œã‚‹ã‚‚ã®ãªã©ã€æ§˜ã€…ãªãƒ•ã‚©ãƒ³ãƒˆé–¢é€£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãã®ä¸ã‹ã‚‰æ°—ã«ãª
chokuchoko 2012/09/17
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

jQuery

jquery

plugin
ãƒªãƒ³ã‚¯
[JS]æŒ‡å®šã—ãŸè¦ç´ ã‚’æŠ½å‡ºã—ã¦ã€è‡ªå‹•ã§ãƒšãƒ¼ã‚¸å†…ã‚¢ãƒ³ã‚«ãƒ¼ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¨ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -MagicNav.js
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŠ½å‡º ãƒšãƒ¼ã‚¸å†…ã®ç§»å‹•ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ã€‚ MagicNav.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="magicnav.js"></script> Step 2: HTML ãƒ‡ãƒ¢ã§ã¯dlè¦ç´ ã§FAQãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ dl, ulãªã©ã«é™ã‚‰ãšã€hxã®è¦‹å‡ºã—ãªã©ã§ã‚‚æ§‹ã„ã¾ã›ã‚“ã€‚ <h3>FAQ</h3> <dl> <div id="commercial" title="commercial"><dt><strong>ã‚ˆãã‚ã‚‹è³ªå•</strong></dt> <dd><p>å›žç”</p></dd
chokuchoko 2012/09/07
jQuery

jQuery

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

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

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

JavaScript
ãƒªãƒ³ã‚¯
ã€œç§’å‰ã®å®Ÿè£…ã‚’ç°¡å˜ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒLivestamp.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Livestamp.js - a simple, unobtrusive jQuery timeago plugin ã€œç§’å‰ã®å®Ÿè£…ã‚’ç°¡å˜ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒLivestamp.jsã€ æœ€è¿‘ã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªWEBã§ã¯ã€ã€œç§’å‰ã€ã€œæ™‚é–“å‰ã¨ã„ã£ãŸè¡¨ç¤ºãŒã‚ˆãã•ã‚Œã¦ã„ã¦ã€ç”»é¢ã®é·ç§»ãŒãªãã¦ã‚‚ã“ã‚ŒãŒåˆ‡ã‚Šæ›¿ã‚ã£ãŸã‚Šã—ã¾ã™ãŒã€åŒã˜ã‚ˆã†ãªå®Ÿè£…ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ è‡ªåˆ†ã§å®Ÿè£…ã—ã¡ã‚ƒã£ã¦ã‚‚ã‚ˆã•ãã†ã§ã™ãŒã€ä»•çµ„ã¿ã¨ã—ã¦é¢ç™½ã‹ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ UNIXã®ã‚¿ã‚¤ãƒ ã‚¹ã‚¿ãƒ³ãƒ—ã‚’ã‚¿ã‚°ã«å…¥ã‚Œã¦ãŠã„ã¦ã€å¾Œã¯åˆæœŸåŒ–ã¨ã„ã†æ„Ÿã˜ã®ä½¿ã„æ–¹ã§ã™ã€‚ å¾…ã£ã¦ã„ã‚‹ã¨è¡¨ç¤ºãŒå¤‰ã‚ã‚‹ã“ã¨ã‚’ç¢ºèªå‡ºæ¥ã‚‹ã¨æ€ã„ã¾ã™ ãƒªãƒãƒ¼ãƒ‰ãŒãªã„ã¨ã€å®Ÿã¯ï¼•åˆ†å‰ãªã®ã«ï¼‘åˆ†å‰ã¨è¡¨ç¤ºã™ã‚‹ã‚ˆã‚Šã‚‚ã€ã“ã†ã‚„ã£ã¦ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æ›´æ–°ã—ã¦ã‚ã’ã‚‹ã®ã¯ã‚„ã¯ã‚Šè‰¯ã„UIã¨ã„ãˆã¾ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª æ™‚é–“ã®å…¥åŠ›ã‚’æ¥½ã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Youtubeå‹•ç”»ã‚’è‡ªç”±
chokuchoko 2012/08/10
jQuery

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

jquery
ãƒªãƒ³ã‚¯
CSS3ã‚„Canvasã€JSç‰ã‚’ä½¿ã£ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒå®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‘ï¼’:phpspoté–‹ç™ºæ—¥èªŒ
12 Free jQuery Pre-Loader Plugins CSS3ã‚„Canvasã€JSç‰ã‚’ä½¿ã£ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒå®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‘ï¼’ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ç”»åƒã®ç¨®é¡žãŒè‰²ã€…ã‚ã‚‹ä¸Šã«å®Ÿè£…æ–¹æ³•ã‚‚ã€å˜ãªã‚‹ç”»åƒã§ã¯ãªã„æ–¹æ³•ãŒé¸ã¹ã¾ã™ã€‚ ç”»åƒã˜ã‚ƒãªã„æ–¹æ³•ã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’å®Ÿè£…ã—ãŸã„å ´åˆã¯å‚è€ƒã«ã™ã‚‹ã¨ã‚ˆã•ãã†ã€‚ ç”»åƒã§ã¯ãªã„ãŸã‚ã€è»½é‡ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚µã‚¤ãƒˆã«ã‚‚ä½¿ãˆã‚‹ã¨ã„ã†ã¨ã“ã‚ã§ã™ã‹ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¶…ã‚«ãƒƒã‚³ã„ã„ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPercentage Loaderã€ HTML5ã‚²ãƒ¼ãƒ ã«ä½¿ãˆã‚‹ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºæ©Ÿèƒ½ä»˜ããƒ—ãƒ¬ãƒãƒ¼ãƒ‰ç”¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPxLoaderã€ ç”»åƒã‚„å¤–éƒ¨CSSãªã—ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒä½œæˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œspin.jsã€
chokuchoko 2012/08/02
jQuery

CSS3

canvas

phpspot

js

css3

jquery

css

*webåˆ¶ä½œ

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç”»åƒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ã§ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç‰ã¾ã¨ã‚:phpspoté–‹ç™ºæ—¥èªŒ
ã¡ã‚‡ã£ã¨ç”»åƒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ã§ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èª¿æŸ»ä»•äº‹ã§ã¾ã¨ã‚ã¦ã„ãŸã®ã§ã¤ã„ã§ã«ã”ç´¹ä»‹ã€‚ ã“ã®æ‰‹ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯jQuery MasonryãŒæœ€åˆã ã£ãŸã‹ã¨æ€ã„ã¾ã™ãŒã€è‰²ã€…ã¨å‡ºã¦ããŸã®ã§ã“ã“ã‚‰è¾ºã§å…¨éƒ¨ã—ã£ã¦ãŠãã¨ã‚ˆã„ã‹ã‚‚ã€‚ Wookmark æ¯”è¼ƒçš„æ–°ã—ã‚ã®Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚‹éš›ã«ä¾¿åˆ©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ jQuery isotope ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã ã‘ã§ã¯ãªããƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«è¦ç´ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ç•°ãªã‚‹å¹…ãƒ»é«˜ã•ã®ç”»åƒã‚‚è¶…ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAtteeeeention pluginã€ Googleç”»åƒæ¤œç´¢ã¿ãŸã„ã«ç”»åƒã‚’ç¶ºéº—ã«ãªã‚‰ã¹ã‚‰ã‚Œã¾ã™ â†“â†“â†“â†“ ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’ãƒ¬ãƒ³ã‚¬çŠ¶ã«ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹ã€ŒjQuery Masonryã€ãŒå‡„ã„ è¦ç´ ã®æ•´åˆ—ç³»ã®åˆæœŸã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚æœ€åˆã«è¦‹ãŸæ™‚ã¯ã‚ã£ã¨é©šã„ãŸã‚‚ã®ã§ã™ â†“â†“â†“â†“ ä¸¦ã¹ãŸç”»åƒã‚’æ•·ãè©°ã‚ã¦è¶…ã‚«
chokuchoko 2012/07/30
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

masonry

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

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

jquery
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
chokuchoko 2012/07/03
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœ

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

jquery
ãƒªãƒ³ã‚¯
jQueryã¨CSS3ã§ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«å‹•ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼:phpspoté–‹ç™ºæ—¥èªŒ
Fullscreen Slit Slider with jQuery and CSS3 | Codrops jQueryã¨CSS3ã§ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«å‹•ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚«ãƒƒã‚³ã‚ˆãã¦ãƒã‚¿ã¯ãªãã¨ã‚‚å®Ÿè£…ã—ãŸããªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ã©ã†ã‚„ã£ã¦å®Ÿè£…ã—ã¦ã„ã‚‹ã‚“ã ã‚ã†ï¼ˆï¼¾ï¼¾ï¼›ï¼‰ã¨ã‹æ€ã„ã¤ã¤ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«è¨˜äº‹ã‚‚ã‚ã‚‹ã®ã§ãã“ã§å¦ç¿’ã§ãã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒ ä¸€å¼ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å‡ºæ¥ã‚‹ã®ã§ç´ æã¨ã—ã¦ã‚‚ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªjQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼˜å€‹ Appleã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®jQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚µãƒ³ãƒ—ãƒ« è¤‡æ•°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’çµ„ã¿åˆã‚ã›ã‚‰ã‚Œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSequence.jsã€ ç”»åƒã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ãŒç¾Žã—ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRefineSlideã€
chokuchoko 2012/06/19
jQuery

jQuery

CSS3

css3

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

jquery
ãƒªãƒ³ã‚¯
selectãƒœãƒƒã‚¯ã‚¹ã‚’è¶…ã‚«ãƒƒã‚³ã‚ˆãã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒChosenã€:phpspoté–‹ç™ºæ—¥èªŒ
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better selectãƒœãƒƒã‚¯ã‚¹ã‚’è¶…ã‚«ãƒƒã‚³ã‚ˆãã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒChosenã€ å‘³æ°—ãªã„selectã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚´ãƒ¼ã‚¸ãƒ£ã‚¹ã‹ã¤å¤šæ©Ÿèƒ½ã«å¤‰ãˆã¦ãã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ å·¦ãŒæ™®é€šã®selectã€‚ã“ã‚Œã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦å³ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã€‚ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ã‚¿ãƒ«æ¤œç´¢ãŒã§ãã‚‹ã®ã§é …ç›®æ•°ãŒå¤šãã¦ã‚‚OK ã‚¿ã‚°é¸æŠžã£ã½ã„ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«ã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ é¸æŠžæ™‚ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã€‚ã‚«ãƒƒã‚³ã„ã„ã€‚ BootStrapãƒ©ã‚¤ã‚¯ãªãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§çµ„ã¿è¾¼ã‚“ã§ã—ã¾ã£ã¦ã‚‚é•å’Œæ„Ÿãªã„ã‹ã‚‚ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ä¸èº«ãŒç”»åƒã®selectãƒœãƒƒã‚¯ã‚¹ã‚’ä½œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ˆãã¦è¤‡æ•°é€£å‹•å¯èƒ½ãªselectãƒœãƒƒã‚¯ã‚¹ä½œæˆjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚«ãƒƒã‚³ã„ã„selectãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆã§ã
chokuchoko 2012/06/16
jQuery

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

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

jQuery

webåˆ¶ä½œ

javascript
ãƒªãƒ³ã‚¯
æ‹¡å¤§æ™‚ã«ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ã‚ˆã†ã«ç”»åƒãŒåºƒãŒã‚‹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Accarousel - ã‹ã¡ã³ã¨.net
ã‚¯ãƒªãƒƒã‚¯ã§ç”»åƒã‚’æ‹¡å¤§ã™ã‚‹éš›ã« ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ã‚ˆã†ã«åºƒãŒã‚‹ ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’å®Ÿè£…ã™ã‚‹jQueryã® ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Accarouselã€‚æ©Ÿèƒ½ ã¯ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã€å‹•ããŒå¥½ã¿ ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ è¦‹ãŸç›®ã¯æ™®é€šã®ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã§ã™ãŒã€ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«æ‹¡å¤§ã•ã‚Œã¾ã™ã€‚ ãªã‚“ã¨è¨€ã†ã‹ã€æ¨ªã«ãƒ–ãƒ¯ãƒƒã¨åºƒãŒã‚‹æ„Ÿã˜ã€‚ãƒ–ãƒ¯ãƒƒã¨ã€‚ é æ‚ªã„ã‹ã‚‰ä¸Šæ‰‹ãè¨€ãˆãªã„ã®ã§ã‚µãƒ³ãƒ—ãƒ«è¦‹ã¦ãã ã•ã„ã€‚ Sample ã‚³ãƒ¼ãƒ‰ <script type='text/javascript' src='http://ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script type="text/javascript" src="jquery.cjAccarousel.min.js"></scr
chokuchoko 2012/06/13
jQuery

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

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

sample

ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³

jQuery

webåˆ¶ä½œ

class
ãƒªãƒ³ã‚¯
[JS]ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¨ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãŒåˆä½“ã—ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Accarousel
ä¼¸ã³ç¸®ã¿ã™ã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¨å›žè»¢æœ¨é¦¬ã®ã‚ˆã†ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’åˆä½“ã•ã›ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Accordion with Carousel â€“ Accarousel [ad#ad-2] Accarouselã®ãƒ‡ãƒ¢ Accarouselã®ä½¿ã„æ–¹ Accarouselã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯Firefox, Chrome, Safari, Opera, IE7+ã§ã”è¦§ãã ã•ã„ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼š4æžšç›®ã‚’ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã¯å³ä¸‹ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã¾ã™ã€‚ èµ·ç‚¹ã¨çµ‚ç‚¹ãŒã‚ã‚‹ã®ãŒã¡ã‚‡ã£ã¨æ®‹å¿µã€‚ [ad#ad-2] Accarouselã®ä½¿ã„æ–¹ å®Ÿè£…ã¯ç°¡å˜ã§ã€3ã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ â€»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯LESSç‰ˆã‚‚ç”¨
chokuchoko 2012/06/13
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³

javascript

webåˆ¶ä½œ

jQuery

jQuery

class

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
JSã§ã®ã‚¿ã‚¤ãƒžãƒ¼å‡¦ç†ãŒã‚‚ã£ã¨ç°¡å˜ã«ãªã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œtimingã€:phpspoté–‹ç™ºæ—¥èªŒ
timing: a jQuery plugin JSã§ã®ã‚¿ã‚¤ãƒžãƒ¼å‡¦ç†ãŒã‚‚ã£ã¨ç°¡å˜ã«ãªã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œtimingã€ setTimeoutã‚„setIntervalã¯ã‚¿ã‚¤ãƒžãƒ¼é–¢é€£ã®é–¢æ•°ã§ã™ãŒã€æ²¢å±±ä½¿ã†ã¨ã©ã“ã§ä½•ã‚„ã£ã¦ã‚‹ã‹ã‚ã‹ã‚Šã«ãããªã£ã¦ç®¡ç†ãŒã‚ã‚“ã©ãã•ã„ã§ã™ãã€‚ timingãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°ã€æ¬¡ã®ã‚ˆã†ã«æ›¸ã‘ã° 0.3ç§’ã”ã¨ã«ã‚¯ãƒ©ã‚¹ã‚’ã¤ã‘ãŸã‚Šæ¶ˆã—ãŸã‚Šã¨ã„ã†ã“ã¨ãŒå¯èƒ½ã€‚ã“ã‚Œã«ã‚ˆã‚Šæ–‡å—ã‚’ç‚¹æ»…ã•ã›ãŸã‚Šã™ã‚‹å‡¦ç†ãŒç°¡å˜ã«ã‹ã‘ã¾ã™ $('.example1').repeat(300).toggleClass('blink'); repeat ã¯ setIntervalã«ã‚ãŸã‚Šã€ä½•åº¦ã‚‚å®Ÿè¡Œã•ã›ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã§ã‚ã‚Šã¾ã™ãŒã€setTimeoutã®å¯¾å¿œã¨ã—ã¦waitãƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«æ›¸ã‘ã°ã€0.5ç§’å¾Œã«ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã—ã€ãã®0.2ç§’å¾Œã«ã‚¯ãƒ©ã‚¹ã‚’å‰Šé™¤ã¨ã„ã†ã‚ˆã†ãªå‡¦ç†ãŒå¯èƒ½ã§ã™ã€‚ã“ã‚Œã‚’setTim
chokuchoko 2012/06/07
-jQuery

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ã‚¿ã‚¤ãƒžãƒ¼

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

jQuery

Google

javascript
ãƒªãƒ³ã‚¯
è¦–å·®åŠ¹æžœï¼ˆãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼‰ã‚’ç°¡å˜ã«å°Žå…¥ã§ãã‚‹JavaScriptã€Œskrollrã€
twitter facebook hatena google pocket æ˜¨ä»Šæµè¡Œã£ã¦ã„ã‚‹è¦–å·®åŠ¹æžœï¼ˆãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼‰ã‚’å°Žå…¥ã—ã¦ã¿ãŸã„äººã¯å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ Prinzhorn/skrollrã‚’åˆ©ç”¨ã™ã‚Œã°æ¯”è¼ƒçš„ç°¡å˜ã«å°Žå…¥å¯èƒ½ã§ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• Prinzhorn/skrollrã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ <script type="text/javascript" src="skrollr.js"></script> <script type="text/javascript"> skrollr.init(); </script> <link href="skrollr.css" rel="stylesheet" type="text/css" /> ã‚ã¨ã¯divã®ä¸ã«dataã§é«˜ã•ã¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’æŒ‡å®šã—ã¦ã„ãã¾ã™ã€‚ <div data-0="" //é«˜ã•0px
chokuchoko 2012/05/31
jQuery

plugin

jQuery

JavaScript

javascript

webåˆ¶ä½œ

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸