[B! Slider] tuffgong57ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tuffgong57 id:tuffgong57

Sliderã«é–¢ã™ã‚‹tuffgong57ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

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

ã€jQueryã€‘è¶…è»½é‡ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ï¼»Juicy Sliderï¼½ã®ä½¿ã„æ–¹
ä»Šæ—¥ã¯è»½å¿«ã«å‹•ä½œã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ï¼»Juicy Sliderï¼½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã®ï¼»Juicy Sliderï¼½ã§ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã® CSS3 ã®ã‚µãƒãƒ¼ãƒˆã«ä¾å˜ã—ã¦ã„ã‚‹ä»–ã®jQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¨ã¯ç•°ãªã‚Šã€ç”»åƒã®ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ JavaScript ã‚’ä½¿ã£ã¦è¨ˆç®—ã™ã‚‹ã“ã¨ã§ã€å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã®äº’æ›æ€§ãŒé«˜ã¾ã‚Šã€ã‚ˆã‚Šå¤šãã®ãƒ‡ãƒã‚¤ã‚¹ã§åŒã˜ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ æœ€æ–°ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã‚‚ã¡ã‚ã‚“ã€IE8ã€IE9ã€IE10 ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ãã€‚ ã¾ãŸç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ã¨ãã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ä¸€éƒ¨ã‚’ jQuery UI ã«ä¾å˜ã•ã›ã‚‹ã“ã¨ã§ã€æœ¬ä½“ã®ï¼»Juicy Sliderï¼½ã®å®¹é‡ã‚’è»½ãæŠ‘ãˆã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ï¼»Juicy Sliderï¼½ã®è¨ç½®æ–¹æ³•ã§ã™ã€‚ å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä½¿ç”¨ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã¯å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã¾ã™ã€‚ Juicy Slider : http://redslim.
tuffgong57 2015/12/01
jQuery

slider

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§æ¨ªå¹…ã„ã£ã±ã„ã«è¡¨ç¤ºã§ãã‚‹jqueryã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã„ã‚ã„ã‚ |ã€€ãƒãƒ‹ãƒ‡ã‚¶ãƒŽãƒ¼ãƒˆ
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®TOPãƒšãƒ¼ã‚¸ã®ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒã‚¨ãƒªã‚¢ã§æ¨ªå¹…ã„ã£ã±ã„ã«å¤§ããªå†™çœŸãŒã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚ˆã†ãªã‚ã®å‹•ãã‚’å®Ÿç¾ã§ãã‚‹jqueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹ã¨CSS3ãªãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ãŒã€å¹³é¢çš„ãªã‚‚ã®ã‚‚ä½œã‚Œã‚‹ã¿ãŸã„ã§ã™ã€‚ è»½é‡ã§ãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ãªã®ãŒå£²ã‚Šã®ã‚ˆã†ã§ã™ã€‚ æ¨ªå¹…ã„ã£ã±ã„ã«ç”»åƒã‚’å¼•ãå»¶ã°ã™ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€å·¦å³ã«å‰ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’æ®‹ã™ã‚¿ã‚¤ãƒ—ã®ã‚‚ã®ã‚‚å¾—æ„ãã†ã§ã™ã€‚ Glide.js ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ / ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
tuffgong57 2015/09/22
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

css3

ã‚¹ãƒ©ã‚¤ãƒ‰

Slider
ãƒªãƒ³ã‚¯
ç”»é¢åˆ‡ã‚Šæ›¿ãˆãŒè¶…ã‚«ãƒƒã‚³è‰¯ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ŒBlueprint Zoom Sliderã€:phpspoté–‹ç™ºæ—¥èªŒ
Blueprint: Zoom Slider | Codrops ç”»é¢åˆ‡ã‚Šæ›¿ãˆãŒè¶…ã‚«ãƒƒã‚³è‰¯ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ŒBlueprint Zoom Sliderã€ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã‚¢ã‚¤ãƒ†ãƒ ã‚’é€ã‚‹ï¼†è©³ç´°ã‚’é–‹ãéƒ¨åˆ†ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒè¶…ã‚«ãƒƒã‚³ã‚¤ã‚¤ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚ WEBâ†’ã‚¢ãƒ—ãƒªã¨ã„ã†æµã‚Œã®ä¸ã§ã€WEBã‚‚ã©ã‚“ã©ã‚“ã‚¢ãƒ—ãƒªåŒ–ã—ã¦ã„ã‹ã–ã‚‹ã‚’ãˆãªã„æµã‚Œã«ãªã£ã¦ãã¦ã„ã¾ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è£½å“ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç”¨ã®ã‚¯ãƒ¼ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…ãƒ‡ãƒ¢ï¼†ã‚µãƒ³ãƒ—ãƒ« ã‚¿ãƒƒãƒç«¯æœ«ã§ã‚‚å‹•ãæ•°å€¤å…¥åŠ›ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼UIå®Ÿè£…ã€Œrangeslider.jsã€ ã‚¿ãƒƒãƒç«¯æœ«ã§ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãªã‚‰ã“ã‚Œã‹ã‚‚ï¼ŸãªJSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSwiperã€
tuffgong57 2015/07/16
slider

jQuery-Slider
ãƒªãƒ³ã‚¯
ä½¿ã„ã‚„ã™ãã¦é«˜æ©Ÿèƒ½ãªã‚‚ã®ãŒå¤šæ•°ï¼ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…æ™‚ã«ä¾¿åˆ©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¾ã¨ã‚ - NxWorld
å®Ÿéš›ã«ä½¿ç”¨ã—ã¦è‰¯ã‹ã£ãŸã‚‚ã®ã‚‚å«ã‚ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç³»ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§è¦šãˆã¦ãŠããŸã„ã¨æ€ã£ã¦ãƒ¡ãƒ¢ã—ã¦ãŸã®ãŒæºœã¾ã£ã¦ããŸã®ã§å‚™å¿˜éŒ²å…¼ãã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã¨ã«ã‹ãé«˜æ©Ÿèƒ½ãªã‚‚ã®ã‹ã‚‰å‹•ããŒãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚‚ã®ã¾ã§æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã€ã»ã¨ã‚“ã©ãŒæœ€è¿‘å®Ÿè£…ã™ã‚‹æ©Ÿä¼šãŒå¤šã„ã¨æ€ã†ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚„ã‚¿ãƒƒãƒãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—ã¨ã„ã£ãŸå‹•ãã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Slider Pro ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åã«Proã¨ã¤ã„ã¦ã„ã‚‹ã®ã§ãƒ‘ãƒƒã¨è¦‹ã¯æœ‰æ–™ã‹ã¨æ€ã†ã®ã§ã™ãŒã€ç„¡æ–™ã§ä½¿ç”¨ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã¨ã«ã‹ãé«˜æ©Ÿèƒ½ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚„ã‚¿ãƒƒãƒãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—ã¨ã„ã£ãŸã‚‚ã®ã¯ã‚‚ã¡ã‚ã‚“ã€ä¸‹è¨˜ã®ã‚ˆã†ã«æ§˜ã€…ãªè¨å®šã‚„æ©Ÿèƒ½ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ modular architecture responsive touch-swipe CSS3 transitions animated layers (and static) infinite scrolling
tuffgong57 2015/03/13
carousel

navigation

effect

css

slider

jQuery

jQuery
ãƒªãƒ³ã‚¯
[JS]ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æŽ¢ã—ã¦ã„ã‚‹ãªã‚‰çµ¶å¯¾ãƒã‚§ãƒƒã‚¯ã—ãŸæ–¹ãŒã„ã„ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Slider Pro
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã€ã‚¹ãƒžãƒ›ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®è¡¨ç¤ºãƒ»æ“ä½œã«å¯¾å¿œã—ãŸã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå¿…è¦ã¨ã•ã‚Œã‚‹ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ ã€ŒProã€ãŒã¤ã„ã¦ã‚‹ã‹ã‚‰æœ‰æ–™ï¼Ÿã£ã¦æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€MITãƒ©ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã§å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Slider Pro Slider Pro -GitHub Slider Proã®ç‰¹å¾´ Slider Proã®ãƒ‡ãƒ¢ Slider Proã®ä½¿ã„æ–¹ Slider Proã®ç‰¹å¾´ Slider Proã¯ã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å¼ã«å®Ÿè£…ã§ãã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã€ã‚¿ãƒƒãƒæ“ä½œã«ã‚‚å¯¾å¿œã—ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®5ã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ æ©Ÿèƒ½ã¯éžå¸¸ã«è±Šå¯Œã§ã™ã€‚ ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«å¯¾å¿œ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§å®Œå…¨ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œï¼ˆãƒ‡ãƒ¢å…¨ã¦ï¼‰ ã‚¿ãƒƒãƒãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—æ“ä½œã«å¯¾å¿œï¼ˆãƒ‡ãƒ¢å…¨ã¦ï¼‰ ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆ
tuffgong57 2014/11/19
jQuery

slider

JS

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

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
Appleã®å•†å“ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å†ç¾ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒKiwi-sliderã€
Appleã®å•†å“ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å†ç¾ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒKiwi-sliderã€ ã€ŒKiwi-sliderã€ã¯Appleã®å•†å“ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å‹•ä½œã‚’å†ç¾ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ æŠ•ç¨¿æ—¥2014å¹´10æœˆ28æ—¥ æ›´æ–°æ—¥2014å¹´10æœˆ28æ—¥ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨æº–å‚™ ãƒ‡ãƒ¢ï¼†ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã‹ã‚‰ Kiwi-slider html & css ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã€Œkiwi.cssã€ã€Œkiwi-slider.jsã€ã‚’èªã¿è¾¼ã‚“ã ã‚‰ã€å¾Œè¿°ã™ã‚‹idã‚’ã€Œnew KiwiSliderã€ã§æŒ‡å®šã—ã¾ã™ã€‚ html <link rel="stylesheet" type="text/css" href="stylesheets/kiwi.css"> <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <scri
tuffgong57 2014/10/28
slider

script

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

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

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

jQuery
ãƒªãƒ³ã‚¯
WordPressã‚µã‚¤ãƒˆã«ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’è¨ç½®ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMeta Sliderã€ã®ä½¿ã„æ–¹ â€“ ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ãƒ†ãƒ¼ãƒžTCD
ç”»åƒåœ§ç¸®ã€ã‚ãƒ£ãƒƒã‚·ãƒ¥ã€ãƒªãƒ“ã‚¸ãƒ§ãƒ³å‰Šé™¤ãªã©ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ãŒå¯èƒ½ãªWordPressãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒWP-Optimizeã€ 2025.01.09
tuffgong57 2014/08/24
slider

wordpress

Plugins
ãƒªãƒ³ã‚¯
ã•ã¾ã–ã¾ãªå‹•ãã‚’ã™ã‚‹jQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ä½œã£ã¦ã¿ãŸ
å‰ã€…ã‹ã‚‰è‡ªåˆ†ã§ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ä½œã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¤ã¤é€”ä¸ã§è©°ã¾ã£ã¦ã„ãŸã®ã§ã™ãŒã€æœ¬ã‚’è²·ã£ãŸã‚Šã„ã‚ã„ã‚èª¿ã¹ãŸã‚Šã—ã¦å‡ºæ¥ãŸã®ã§æ®‹ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ ã‚ˆãä½¿ã†é…å¸ƒã•ã‚Œã¦ã„ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’è¦‹ã‚‹ã¨ç”»åƒã®å‹•ãæ–¹ãŒä½•ç¨®é¡žã‹ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãªã®ã§ã€ä»Šå›žã¯6ç¨®é¡žä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚å…¨ç¨®é¡žä¸¦ã¹ã¦ã„ã¾ã™ã€‚ã¾ãŸã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å‡ºæ¥ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ è¨ç½®æ–¹æ³• HTML è¨ç½®ã—ãŸã„ç®‡æ‰€ã«ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ <div id="slide01"> <ul> <li><a href="#"><img src="img/img01.gif" width="700" height="426" alt=""></a></li> <li><a href="#"><img src="img/img02.gif" width="700" height="
tuffgong57 2014/05/14
jQuery

ã‚¹ãƒ©ã‚¤ãƒ‰

slider

JavaScript
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ã‚¹ãƒ©ã‚¤ãƒ‰æ™‚ã«å¤‰åŒ–ã™ã‚‹èƒŒæ™¯ã«åˆã‚ã›ã¦ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ†ã‚ã‚¹ãƒˆãªã©ã‚’æœ€é©ãªã‚«ãƒ©ãƒ¼ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -BackgroundCheck
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã§èƒŒæ™¯ãŒå¤‰åŒ–ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ä¾‹ãˆã°ã€è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’åž‚ç›´ã«é…ç½®ã—ã€ãƒ‘ãƒãƒ«ã”ã¨ã«èƒŒæ™¯ã®ã‚«ãƒ©ãƒ¼ã‚’å¤‰ãˆã¦ã„ã‚‹ã¨ã‹ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ç”»åƒã‚„å†™çœŸã«æ˜Žã‚‹ã„ã‚«ãƒ©ãƒ¼ã‚„æš—ã„ã‚«ãƒ©ãƒ¼ãŒæ··åœ¨ã—ã¦ã„ã‚‹ãªã©ã€ãã†ã„ã£ãŸæ™‚ã«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æš—ã„ã‚«ãƒ©ãƒ¼ã€ã‚‚ã—ãã¯æ˜Žã‚‹ã„ã‚«ãƒ©ãƒ¼ã€ã©ã¡ã‚‰ã«ã—ã‚ˆã†ã‹è¿·ã†ã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ å¤‰åŒ–ã™ã‚‹èƒŒæ™¯ã®ã‚«ãƒ©ãƒ¼ã«åˆã‚ã›ã¦ã€æŒ‡å®šã—ãŸãƒ†ã‚ã‚¹ãƒˆã‚„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æœ€é©ãªã‚«ãƒ©ãƒ¼ã«å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ BackgroundCheck BackgroundCheck -GitHub BackgroundCheckã®ãƒ‡ãƒ¢ BackgroundCheckã®ä½¿ã„æ–¹ BackgroundCheckã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®åŸºæœ¬æ€§èƒ½ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®3ç¨®é¡žã§ã™ã€‚ Chrome, Safari, Firefoxãªã©ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã¯ã˜ã‚ã€iPhone/iPadãªã©ã®iOS6/7ã§ã‚‚å‹•ä½œã—ã¾ã™
tuffgong57 2013/09/25
slider

ã‚¢ã‚¯ã‚·ãƒ§ãƒ³

ã‚¹ãƒ©ã‚¤ãƒ‰

ãƒ†ã‚ã‚¹ãƒˆã®è‰²å¤‰åŒ–
ãƒªãƒ³ã‚¯
å‰å¾Œã«ç§»å‹•ã™ã‚‹éš›ã«ã‚µãƒ ãƒã‚¤ãƒ«ãŒãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã‚Œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPhotoCradle.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
å‰å¾Œã«ç§»å‹•ã™ã‚‹éš›ã«ã‚µãƒ ãƒã‚¤ãƒ«ãŒãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã‚Œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPhotoCradle.jsã€ 2013å¹´05æœˆ02æ—¥- PhotoCradle.js. An elegant wrap of your photo collection. å‰å¾Œã«ç§»å‹•ã™ã‚‹éš›ã«ã‚µãƒ ãƒã‚¤ãƒ«ãŒãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã‚Œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPhotoCradle.jsã€ã€‚ æ¬¡ã¸ã€å‰ã¸ã§ã©ã‚“ãªç”»åƒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã‹æ°—ã«ãªã‚Šã¾ã™ãŒã€äºˆã‚ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã§è¡¨ç¤ºã—ã¦ãã‚Œã‚‹è¦ªåˆ‡ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã¾ã™ã€‚ æ›´ã«ã€ç”»åƒä¸‹ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‚µãƒ ãƒã‚¤ãƒ«ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ã€ä»–ã®å‰å¾Œã®ç”»åƒãŒã†ã£ã™ã‚‰è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ä½•åº¦ã‚‚ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚ˆã‚Šã‚‚ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ã‚ˆã‚Šå¤šãã®ç”»åƒãŒä¸€è¦§ã§ãã‚‹ã¨ã„ã†ã®ã¯ãªã‹ãªã‹ä¾¿åˆ©ãã† é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒžã‚¹ã‚¯ã‚’ä½¿ã£ãŸãŠæ´’è½ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMaski
tuffgong57 2013/05/02
ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

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

ã‚µãƒ ãƒã‚¤ãƒ«

jQuery

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

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

slider
ãƒªãƒ³ã‚¯
ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’360åº¦å›žè»¢ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒThreesixty-sliderã€:phpspoté–‹ç™ºæ—¥èªŒ
Threesixty-slider by creativeaura ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’360åº¦å›žè»¢ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒThreesixty-sliderã€ã€‚ ç”»åƒã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã‚„ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒœã‚¿ãƒ³ã®ã‚¯ãƒªãƒƒã‚¯ã§å›žè»¢ã•ã›ã‚‰ã‚Œã¾ã™ã€‚ è‡ªå‹•ã§å›žè»¢ã•ã›ã‚‰ã‚Œã‚‹å†ç”Ÿãƒœã‚¿ãƒ³ã‚’ä»˜ã‘ã‚‹ã“ã¨ã‚‚å¯èƒ½ å®Ÿè£…ã‚³ãƒ¼ãƒ‰ä¾‹ã€‚ç”»åƒã®ãƒ‘ã‚¹ã‚„æ‹¡å¼µåã€prefixãªã©ã§è¤‡æ•°ã®ç”»åƒã‚’è¨å®šã—ã¦ã¾ã‚ã›ã‚‹æ¨¡æ§˜ã€‚ â€‹å…ƒç”»åƒã®ã‹ã£ã“è‰¯ã•ã‚‚ã‚ã£ã¦ã€å…¥ã‚Œã¦ã¿ãŸã„ãªãã¨ã„ã†æ°—ã«ãªã£ã¡ã‚ƒã„ã¾ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ—ãƒãƒ€ã‚¯ãƒˆç”»åƒã‚’360åº¦å›žè»¢ã•ã›ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼•ã¤ ã‚¹ãƒžãƒ›ã‚¿ãƒƒãƒã§ãã‚‹ãã‚‹å›žè»¢ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒTouchyã€ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ã§å›žè»¢ã™ã‚‹3Dã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒä½œã‚Œã‚‹ã€ŒThreeSixtyã€
tuffgong57 2013/02/27
slider

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

jQuery

360åº¦å›žè»¢

JS

jQuery

javascript
ãƒªãƒ³ã‚¯
jQuery ç°¡å˜ã‹ã¤é«˜æ€§èƒ½ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€bxsliderã€‘ã®è¨ç½® â€“ Divã‚¹ãƒ©ã‚¤ãƒ‰ç³»ã®ä¸ã§ã¯ä¸€ç•ªã®ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ | Stronghold Archive
ã€bxsliderã€‘ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œç‰ˆã®è¨˜äº‹ã¯ã“ã¡ã‚‰ ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã«ã‚ˆã‚Šãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œç‰ˆã«å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã—ãŸã®ã§ã€æ”¹ã‚ã¦ãƒ¡ãƒ¢ã¨ã—ã¦è¨˜äº‹ã«ã¾ã¨ã‚ã¦ãŠã‚Šã¾ã™ã€‚CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’çµ„ã¿è¾¼ã‚“ã§ã‚¹ãƒ©ã‚¤ãƒ‰ãŒã•ã‚‰ã«ã‚¹ãƒ ãƒ¼ã‚ºãªå‹•ä½œã«ãªã£ã¦ã„ã¾ã™ã€‚â€»ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç‰ˆã®æ–¹ã¯ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®é¸æŠžã®å¹…ãŒç‹ã„äº‹ã‚„IE6ãŒéžå¯¾å¿œã ã£ãŸã‚Šç‰ã€è‹¥å¹²ã®ç™–ãŒã‚ã‚Šã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã§è¨˜äº‹åŒ–ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ä½¿ã„åˆ†ã‘ã‚‹äº‹ã‚’ã‚ªã‚¹ã‚¹ãƒ¡ã—ã¾ã™ã€‚ è¨ç½®æ–¹æ³• > DEMO > DOWLOAD è¨ç½®æ–¹æ³•ã‚‚éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã¿divã‚„liã®éšŽå±¤ã‚’æ›¸ãã ã‘ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯æœ¬å®¶ã‚µã‚¤ãƒˆã‚ˆã‚Šè¡Œãˆã¾ã™ã€‚ <script src="js/jquery.1.X.X.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src
tuffgong57 2012/12/12
jQuery

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

JS

slider
ãƒªãƒ³ã‚¯
ä»Šã™ãä½¿ã„ãŸããªã‚‹ï¼å€‹æ€§çš„ã§ã‚ãã‚ãã™ã‚‹å‹•ãã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼12é¸ï¼ˆJavascriptãƒ»CSS3ï¼‰ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€ã‚µãƒªãƒ¼ã§ã™ã€‚ æœ€è¿‘ã¯ç„¡æ–™ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã‚‚è‰¯è³ªã®ã‚‚ã®ãŒãŸãã•ã‚“æº¢ã‚Œã¦ã„ã¦ã€ã©ã‚Œã‚’ä½¿ã£ã¦ã„ã„ã‹æ‚©ã¿ã™ãŽã¦ã—ã¾ã†ã€‚ã€‚ã¨ã„ã†ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã—ã¦ã€‚ ã€Œã“ã‚Œã ï¼ã€ã¨ã„ã†æ±ºã‚æ‰‹ãŒã‚ã‚Œã°ãªã‚ã€‚ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã¯ä»–ã¨ã®é•ã„ã‚’è¦‹ã›ã¤ã‘ã‚‹å€‹æ€§çš„ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã°ã‹ã‚Šã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ ä»Šã™ãä½¿ã„ãŸããªã‚‹ã‚ˆã†ãªã€ã‚ãã‚ãã™ã‚‹å‹•ãã§ã„ã£ã±ã„ã§ã™ã€‚ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¨å…±ã«ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã€æœ€æ–°ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¯ã“ã¡ã‚‰ï¼ã€‘ â˜ž é«˜æ©Ÿèƒ½ãªJavaScriptã®äººæ°—ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³4ã¤ã‚’å®Ÿéš›ã«ä½¿ã£ã¦ãƒ¬ãƒ“ãƒ¥ãƒ¼ã—ã¦ã¿ãŸ Slit Slider Revised http://tympanus.net/codrops/2012/10/24/slit-slider-revised/ DEMOï¼š http://tympanus.net/Tutorials/FullscreenSlitSlider/ çµµãŒçœŸã‚“ä¸ã‹ã‚‰æ¨ªã«ãƒã‚«ãƒƒã¨ã€æ™‚
tuffgong57 2012/11/19
jQuery

slider

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

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

ã‚µãƒ ãƒã‚¤ãƒ«
ãƒªãƒ³ã‚¯
ç¾Žã—ã„ãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFlippyã€:phpspoté–‹ç™ºæ—¥èªŒ
Flippy : flip effect jQuery Plugin | Guilhem Marty ç¾Žã—ã„ãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFlippyã€ã€‚ ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’ã€ä¸Šä¸‹å·¦å³ã«ãªã‚ã‚‰ã‹ã«ã€ã‚ãã‚‹ã‚ˆã†ã«åˆ‡æ›¿ãˆã‚‰ã‚Œã¾ã™ã€‚ ç«‹ä½“çš„ã«ãªã‚ã‚‰ã‹ã«åˆ‡æ›¿ãˆã‚‰ã‚Œã‚‹åŠ¹æžœã¯è¦šãˆã¦ãŠã‘ã°ã©ã“ã‹ã§ä½¿ãˆãã†ã§ã™ ãƒšãƒ¼ã‚¸ã‚ãã‚Šä¸ã€‚é™æ¢ç”»ã ã¨å°è±¡ãŒä¼ã‚ã‚‰ãªã„ã®ãŒè¾›ã„æ‰€ãªã®ã§ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’å¾¡è¦§ãã ã•ã„ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§æ§˜ã€…ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ç‚¹ã‚‚ã„ã„ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¶…ã‚«ãƒƒã‚³ã„ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒiView v2.0ã€ è¶…ã‚·ãƒ³ãƒ—ãƒ«ãªFlickrç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒFlickrshowã€ ã“ã‚Œã¯æ–°ã—ã„!ãƒ‘ãƒãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç¾Žã—ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼å®Ÿè£…ãƒ‡ãƒ¢ CSS3ã®ã¿ã§ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã™ã‚‹ãƒ¯ã‚¤ãƒ«ãƒ‰ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ PCãƒ»ã‚¹ãƒžãƒ›ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§å‹•ãã‚¯ãƒ¼ãƒ«ãªHTML5ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼å®Ÿè£…ãŒã§ãã‚‹
tuffgong57 2012/08/14
ãƒšãƒ¼ã‚¸ã‚ãã‚Š

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

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

jQuery

jQuery

ãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœ

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

slider
ãƒªãƒ³ã‚¯
1