[B! ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼][jquery] tuffgong57ã®ãƒ

tuffgong57 id:tuffgong57

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¨jqueryã«é–¢ã™ã‚‹tuffgong57ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (26)

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

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
tuffgong57 2015/05/08
jQuery

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
[JS]ã‚¹ãƒžãƒ›ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã®æ“ä½œæ€§ã‚’é‡è¦–ã—ãŸã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã®ã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Swiper
iOS/Androidãªã©ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®Webã‚µã‚¤ãƒˆã€Webã‚¢ãƒ—ãƒªã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã§ã®åˆ©ç”¨ã«æœ€é©åŒ–ã•ã‚ŒãŸã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã‚„ãƒžã‚¦ã‚¹ã®ãƒ›ã‚¤ãƒ¼ãƒ«ãƒ»ãƒ‰ãƒ©ãƒƒã‚°æ“ä½œã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã‚‚OKï¼ Swiper Swiper -GitHub Swiperã®ç‰¹å¾´ Swiperã®ãƒ‡ãƒ¢ Swiperã®ä½¿ã„æ–¹ Swiperã®ç‰¹å¾´ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ãªã„ Swiperã¯ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã›ãšã€è»½é‡ã§é€Ÿãå‹•ä½œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ jQuery, Zetro, jQuery Mibileãªã©ã®ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ä¸€ç·’ã«ä½¿ã†æ™‚ã‚‚å®‰å…¨ã§ã™ã€‚ ã‚¿ãƒƒãƒã®å‹•ãã‚’ãã®ã¾ã¾ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è¨å®šã§ã‚¿ãƒƒãƒã®å‹•ãã‚’ã€Œ1:1ã€ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¨ã—ã¦æä¾›ã§ãã¾ã™ã€‚ è±Šå¯Œãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒœã‚¿ãƒ³ãƒ»ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©
tuffgong57 2015/03/02
JavaScript

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ã€
Posted:Â 2014.10.28Â /Â Category:Â javascriptÂ /Â Tag:Â jQuery ã€ŒKiwi-sliderã€ã¯Appleã®å•†å“ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å‹•ä½œã‚’å†ç¾ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨æº–å‚™ ãƒ‡ãƒ¢ï¼†ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã‹ã‚‰ 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> <script src="javascrip
tuffgong57 2014/10/28
slider

script

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

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

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

jQuery
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ã‚«ãƒƒã‚³ã‚¤ã‚¤ï¼ã‚¢ã‚¤ãƒ†ãƒ ã‚’æµ®ã‹ã›ã¦æ–œã‚ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ -Tilted Content Slideshow
Tilted Content Slideshow ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å„ã‚¢ã‚¤ãƒ†ãƒ ã‚’ãµã‚ã‚Šã¨æµ®ã‹ã›ã¦ã€æ–œã‚ã®ã‚¯ãƒã‚¹ã‚’è»¸ã«ã³ã‚…ãƒ¼ã‚“ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‹ãªã‚Šã‹ã£ã“ã„ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã«ä½¿ã‚ã‚Œãã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã™ãã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã§ã¯ä¸€éƒ¨ã®å‹•ããªã®ã§ã€ä¸‹è¨˜ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ä»–ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ãŠæ¥½ã—ã¿ãã ã•ã„ã€‚
tuffgong57 2014/03/17
GIF

css

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

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

jQuery

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
[JS]jQueryç„¡ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -slidr.js
ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã¨ãƒ‘ãƒ³ããš slidr.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦</body>ã®ä¸Šã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ ... <script type="text/javascript" src="/path/to/slidr.min.js"></script> </body> Step 2: HTML å„ãƒ‘ãƒãƒ«ã¯inline, inline-block, blockã®ã©ã®è¦ç´ ã‚’ä½¿ç”¨ã—ã¦ã‚‚æ§‹ã„ã¾ã›ã‚“ã€‚ãƒ©ãƒƒãƒ‘ãƒ¼ã«idã‚’ä»˜ä¸Žã™ã‚‹ã®ã‚’å¿˜ã‚Œãšã«ã€‚ <ul id="slidr-ul" style="display: inline"> <li data-slidr="one">apple</li> <li data-slidr="two">banana</li> <li data-slidr="three">coconut</li> </ul> <div id="s
tuffgong57 2013/10/28
JavaScript

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

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

jQuery

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
Glide.js
ã‚·ãƒ³ãƒ—ãƒ«ãƒ»è»½é‡ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã€ã‚¹ãƒ¯ã‚¤ãƒ—ã‚‚ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã«ã‚‚å¯¾å¿œã—ãŸã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã«ã‚‚å„ªã‚ŒãŸOOCSSãƒ™ãƒ¼ã‚¹ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Glide.js Glide.js -GitHub Glide.jsã®ãƒ‡ãƒ¢ Glide.jsã®ä½¿ã„æ–¹ Glide.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚’ã¯ã˜ã‚ã€æœ€æ–°ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«CSS3ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ãŒã€IE8ãªã©ã®å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ä»£æ›¿ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§å‹•ä½œã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Glide.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« headå†…ã«jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://code.jquery.com/jquery-1.9.1.min.js"></
tuffgong57 2013/09/06
jQuery

javascript

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

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

IE8

webåˆ¶ä½œ

JS
ãƒªãƒ³ã‚¯
[JS]è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Minimit Gallery
1ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚ŒãŸè¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãƒ‰ãƒ©ãƒƒã‚°ã€ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ã‚¹ãƒ¯ã‚¤ãƒ—æ“ä½œã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦è¡¨ç¤ºã™ã‚‹å˜ä½“ã§å‹•ä½œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Minim it Gallery Minim it Gallery -GitHub Minim it Galleryã®ãƒ‡ãƒ¢ Minim it Galleryã®ä½¿ã„æ–¹ Minim it Galleryã®ãƒ‡ãƒ¢ Minim it Galleryã¯ä¸€ã¤ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«å†…ã«é…ç½®ã—ãŸè¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã§æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã€å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒãƒƒã‚·ãƒ¥ãƒªãƒ³ã‚¯ã§ã®è¡¨ç¤ºã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯IE7+, Firefox 3.5+, Safari 3+, Opera 9+, Chrome, iPhone, iPad, Android, Windows Phoneãªã©ã§ã”è¦§ãã ã•ã„ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ãƒ‡ãƒ¢ã‚’è¡¨ç¤ºã—ã¦ã¿ã¾ã™ã€‚ æ¬¡ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¸ã‚¹ãƒ©ã‚¤ãƒ‰ä¸ ä¸Šéƒ¨
tuffgong57 2013/07/04
JavaScript

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

IE7

jQuery

jQuery
ãƒªãƒ³ã‚¯
å‰å¾Œã«ç§»å‹•ã™ã‚‹éš›ã«ã‚µãƒ ãƒã‚¤ãƒ«ãŒãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã‚Œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…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
ãƒªãƒ³ã‚¯
ãƒžã‚¹ã‚¯ã‚’ä½¿ã£ãŸãŠæ´’è½ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMaskify Sliderã€:phpspoté–‹ç™ºæ—¥èªŒ
Maskify Slider demos ãƒžã‚¹ã‚¯ã‚’ä½¿ã£ãŸãŠæ´’è½ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMaskify Sliderã€ã€‚ ç”»åƒã‚’ãƒžã‚¹ã‚¯ã§ãã‚Šã¬ã„ã¦æ›´ã«ãã®ä¸èº«ã®ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ å…ƒç”»åƒ ç¹°ã‚ŠæŠœã ç¹°ã‚ŠæŠœã„ãŸã‚Šã€é‡ããŸã‚Šã€å¿œç”¨ã™ã‚‹ã“ã¨ã§æ§˜ã€…ãªã“ã¨ãŒã§ããã†ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFractionSliderã€ ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰ã€è¤‡æ•°ç”»åƒã®è¦‹ã›æ–¹ã‚’è‰²ã€…æä¾›ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRondellã€ æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹jQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒJquery Slider Shockã€ è»½é‡ã®ã‚¹ãƒ¯ã‚¤ãƒ—å¯èƒ½ãªã‚¹ãƒžãƒ›ç”¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼JSã€ŒSwipeJSã€ ã‚¿ãƒƒãƒå¯èƒ½ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…ã€ŒRoyalSliderã€ ã“ã‚Œã¯æ–°ã—ã„å††å½¢ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹ã€ŒTiny Cir
tuffgong57 2013/04/25
jQuery

Plugin

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

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFractionSliderã€:phpspoté–‹ç™ºæ—¥èªŒ
FractionSlider: jQuery parallax Slider Plugin | jacksbox.design ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFractionSliderã€ æœ€è¿‘ã‚ˆãè¦‹ã‚‹ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã€ã§ã¯ãªãæ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã£ã½ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ å˜ãªã‚‹ç”»åƒã‚’ãƒšãƒ©ãƒšãƒ©ç´™èŠå±…ã£ã½ãã‚ãã‚‹ã®ã§ã¯ãªãã¦ã€ã‚ˆã‚Šã‚¢ãƒ‹ãƒ¡ã£ã½ã„è¡¨ç¾ãŒå¯èƒ½ã§ã™ã€‚ <div>ã‚’ãƒªã‚¹ãƒˆã«ã—ã¦å®šç¾©ã—ã€ä¸èº«ã‚’è¨˜è¿°ã—ã¦ã„ã‘ã°ä½œã‚Œã‚‹ã‚ˆã†ã§ã™ Flashã§ã‚„ã£ã¦ãŸã‚ˆã†ãªã“ã¨ã‚‚ã€ã©ã‚“ã©ã‚“ç½®ãæ›ã‚ã£ã¦ã„ã¾ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰ã€è¤‡æ•°ç”»åƒã®è¦‹ã›æ–¹ã‚’è‰²ã€…æä¾›ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRondellã€ æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹jQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒJquery Slider Shockã€ è»½é‡ã®ã‚¹ãƒ¯ã‚¤ãƒ—å¯
tuffgong57 2013/04/10
jQuery

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

Webåˆ¶ä½œ

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

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰ã€è¤‡æ•°ç”»åƒã®è¦‹ã›æ–¹ã‚’è‰²ã€…æä¾›ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRondellã€:phpspoté–‹ç™ºæ—¥èªŒ
ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰ã€è¤‡æ•°ç”»åƒã®è¦‹ã›æ–¹ã‚’è‰²ã€…æä¾›ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRondellã€ 2013å¹´02æœˆ12æ—¥- Overview - jQuery Rondell ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰ã€è¤‡æ•°ç”»åƒã®è¦‹ã›æ–¹ã‚’è‰²ã€…æä¾›ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRondellã€ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰ã€æ§˜ã€…ãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®UIã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å¤šæ©Ÿèƒ½ã ã‘ã˜ã‚ƒãªãã¦ã€ã‚«ãƒƒã‚³ã„ã„ã¨ã“ã‚ã‚‚ã„ã„ã§ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆãŒBootstrapãƒ™ãƒ¼ã‚¹ã§ã™ãŒã€Bootstrapãƒ™ãƒ¼ã‚¹ã®ã‚µã‚¤ãƒˆã«å…¥ã‚Œã¦ã‚‚é•å’Œæ„ŸãªãåŸ‹ã‚è¾¼ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ ã‚«ãƒ«ãƒ¼ã‚»ãƒ« ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ã‚¹ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ ã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚å‹•ãã‚‚ã„ã„æ„Ÿã˜ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã¾ã‚‹ã§ç¾Žè¡“é¤¨ã€‚3Dã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ‡ãƒ¢ å“ä¸Šã«å†™çœŸã‚’ç½®ã„ãŸã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆç”¨ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚µãƒ ãƒã‚¤ãƒ«ãŒã‚·ãƒ£ãƒƒãƒ•ãƒ«ã•ã‚Œã¦ã‚¯
tuffgong57 2013/02/12
ã‚®ãƒ£ãƒ©ãƒªãƒ¼

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

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

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

jQuery

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ä»–å¤šç¨®å¤šæ§˜ãªæ©Ÿèƒ½ãŒè©°ã¾ã£ãŸjQueryãƒ™ãƒ¼ã‚¹ã®UIã‚ãƒƒãƒˆã€ŒjKitã€:phpspoté–‹ç™ºæ—¥èªŒ
jKit - jQuery based UI Toolkit - Index ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ä»–å¤šç¨®å¤šæ§˜ãªæ©Ÿèƒ½ãŒè©°ã¾ã£ãŸjQueryãƒ™ãƒ¼ã‚¹ã®UIã‚ãƒƒãƒˆã€ŒjKitã€ ï¼‘ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§æ§˜ã€…ãªæ©Ÿèƒ½ã‚’å®Ÿç¾ã§ãã¾ã™ã€‚å¿…è¦ã«å¿œã˜ã¦èªã¿è¾¼ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¨å±žæ€§ã‚’ãƒ™ãƒ¼ã‚¹ã«è¨˜è¿°ã§ãã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¯èƒ½ãªé™ã‚Šæ›¸ã‹ãªã„ã§ã‚‚ã‚ˆã„ã‚ˆã†ãªå®Ÿè£…ãŒã§ãã‚‹ã¿ãŸã„ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ LightBox ã‚½ãƒ¼ã‚¿ãƒ–ãƒ«ãªãƒ†ãƒ¼ãƒ–ãƒ« ç°¡æ˜“ã‚°ãƒ©ãƒ• ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ›¸ãã®ãŒè‹¦æ‰‹ã¨ã„ã†æ–¹ã¯ä½¿ã£ã¦ã¿ã¦ã‚‚ã‚ˆã•ãã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã—ãŸã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¶…ã‚¯ãƒ¼ãƒ«ãªjQueryUIãƒ†ãƒ¼ãƒžã€ŒDeltaã€ jQuery UI ã‚’ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾å¿œã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery UI Touch Punchã€ ç¶ºéº—ãªUIã®ã‚µã‚¤ãƒˆãŒã‚µã‚¯ã‚µã‚¯çµ„ã‚ã‚‹Twitter Bootstrapã‚’ä½¿ã£ãŸjQuery UIãƒ†ãƒ¼ãƒžã€ŒjQuery UI
tuffgong57 2013/01/09
jQuery UI

UI

jQuery

ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—

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

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2012å¹´ç·é›†ç·¨
2012å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100+Î±é¸ã§ã™ã€‚ ä»Šå¹´ç›®ç«‹ã£ãŸã®ã¯ã€ã‚„ã¯ã‚Šãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€ãã—ã¦CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã—ã‚‡ã†ã‹ã€‚ ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚„ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç³»ã‚‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å¯¾å¿œã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„Pintersté¢¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã€å¤šãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ãã‚Œã‚‰äºŒã¤ã®è¦ç´ ãŒçµ„ã¿åˆã‚ã•ã£ã¦ã„ã¾ã™ã€‚ å‹•ç”»é–¢é€£ ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼é–¢é€£ ç”»åƒæ‹¡å¤§é–¢é€£ ç”»åƒé…ç½®ãƒ»ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³é–¢é€£ èƒŒæ™¯ç”»åƒé–¢é€£ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚«ãƒ«ãƒ¼ã‚»ãƒ«é–¢é€£ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–é–¢é€£ ãƒ‘ãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãƒ»ãƒ†ã‚£ãƒƒã‚«ãƒ¼é–¢é€£ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆé–¢é€£ ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“ä½œãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é–¢é€£ ãƒªã‚¹ãƒˆé–¢é€£ ãƒ†ãƒ¼ãƒ–ãƒ«é–¢é€£ ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ ãƒ†ã‚ã‚¹ãƒˆé–¢é€£ è¦‹å‡ºã—æŠ½å‡ºé–¢é€£ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆ ãã®ä»– å‹•ç”»é–¢é€£
tuffgong57 2012/12/17
ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼

JS

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

jquery

javascript

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2012å¹´12æœˆ
å½“ã‚µã‚¤ãƒˆã§ã¯Cookieã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚å¼•ãç¶šãå½“ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘å…¥ã‚ŒãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚ä»Šå¾Œè¡¨ç¤ºã—ãªã„è©³ã—ãè¦‹ã‚‹
tuffgong57 2012/12/07
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

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

ãƒ‡ãƒ¼ã‚¿

ãƒ†ã‚ã‚¹ãƒˆ

responsive

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ã‚®ãƒ£ãƒ©ãƒªãƒ¼

ãƒ•ã‚©ãƒ¼ãƒ

jQuery
ãƒªãƒ³ã‚¯
ã‚¹ãƒ©ã‚¤ãƒ‰æ™‚ã«ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ç‰ã®ãƒ†ã‚ã‚¹ãƒˆã‚’é…å»¶è¡¨ç¤ºã•ã›ã‚‹äº‹ãŒå‡ºæ¥ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ayaSlider - ã‹ã¡ã³ã¨.net
ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ç‰ã®ãƒ†ã‚ã‚¹ãƒˆãŒã‚¹ãƒ©ã‚¤ãƒ‰æ™‚ã«é…å»¶ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã€ã¨ã„ã†æ¼”å‡ºãŒå¯èƒ½ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã”ç´¹ä»‹ã€‚ä¸Šæ‰‹ãèª¬æ˜Žã§ããªã„ã®ã§ãƒ‡ãƒ¢ã‚’ã”è¦§é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ç´ æ•µãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§æ¼”å‡ºã§ãã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãŒé‡è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ç›¸æ€§è‰¯ã•ãã†ã§ã™ãã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰æ™‚ã«ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã€ãã®å¾Œã«ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚„ãƒªã‚¹ãƒˆãªã©ã®ãƒ†ã‚ã‚¹ãƒˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆä»˜ãã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ IE Tabã§ç¢ºèªã—ãŸã ã‘ã§ã™ã‘ã©ã€å‹•ä½œã¯ã—ã¦ã„ã¾ã—ãŸã®ã§ã€ã‚ˆãã‚ã‚‹CSS3ã§ã€ã¨ã„ã£ãŸé¡žã®ã‚‚ã®ã§ã¯ç„¡ã„ã£ã½ã„ã§ã™ã€‚ã¾ã ã‚ˆãã‚³ãƒ¼ãƒ‰è¦‹ã¦ç„¡ã„ã§ã™ã‘ã©ãƒ»ãƒ» ã‚³ãƒ¼ãƒ‰ <script type='text/javascript' src='http://ajax.google apis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script src="ayaSl
tuffgong57 2012/12/05
jQuery

JS

javascript

jQuery

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

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

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
è»½é‡ã®ã‚¹ãƒ¯ã‚¤ãƒ—å¯èƒ½ãªã‚¹ãƒžãƒ›ç”¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼JSã€ŒSwipeJSã€:phpspoté–‹ç™ºæ—¥èªŒ
Swipe JS - a lightweight mobile web slider è»½é‡ã®ã‚¹ãƒ¯ã‚¤ãƒ—å¯èƒ½ãªã‚¹ãƒžãƒ›ç”¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼JSã€ŒSwipeJSã€ <div><ul> ã§ãƒªã‚¹ãƒˆã‚’å®šç¾©ã—ã¦<div>ã‚’JSã§åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§ã‚¹ãƒ¯ã‚¤ãƒ—ã§ãƒšãƒ¼ã‚¸é€ã‚ŠãŒã§ãã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒç°¡å˜å®Ÿè£…ã§ãã¾ã™ jQueryã«ä¾å˜ã—ã¦ã„ãªã„ãŸã‚ã€è»½é‡ã€‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºé …ç›®ã‚‚å¿…è¦æœ€ä½Žé™ã¨ãªã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª PCã§ã‚‚ã‚¹ãƒžãƒ›ã§ã‚‚ã‚¹ãƒ¯ã‚¤ãƒ—ã§ç”»åƒã‚’é€ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAsketic Swipe Galleryã€ iPhoneç‰ã§ã‚‚ã‚¹ãƒ¯ã‚¤ãƒ—ã§ç”»åƒã‚’é€ã‚Œã‚‹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRotoã€ ã‚¹ãƒžãƒ›ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’ä¸€æ°—ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒQUOjsã€
tuffgong57 2012/09/25
jQuery

Javascript

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

jQuery

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
[CSS]éžå¸¸ã«å°‘ãªã„ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…ã•ã‚ŒãŸCSS3ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
JavaScriptç„¡ã—ã§ã€HTMLã¨CSSã‚’ä½¿ã£ã¦éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªå®Ÿè£…ã‚’ã—ãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Make an Accordian Style Slider in CSS3 ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¯CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ»‘ã‚‰ã‹ã«é–‹é–‰ã—ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®æ•°ã‚’æ¸›ã‚‰ã—ã¦ã‚‚å¢—ã‚„ã—ã¦ã‚‚å‹•ä½œã—ã¾ã™ã€‚ è¦‹ãŸç›®ã ã‘ã§ã¯ãªãã€éžå¸¸ã«æ©Ÿèƒ½çš„ãªã¤ãã‚Šã§ã™ã€‚ HTML HTMLã¯ãƒªã‚¹ãƒˆè¦ç´ ã‚’ä½¿ã„ã€éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ <div class="accordian"> <ul> <li> <div class="image_title"> <a href="#">ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³</a> </div> <a href="#"><img src="image.jpg"/></a> </li> <li> <div class="image_title"> <a href="#">ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³</a> </div>
tuffgong57 2012/08/17
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³

ã‚·ãƒ³ãƒ—ãƒ«

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

css3

css3

jquery
ãƒªãƒ³ã‚¯
ç¾Žã—ã„ãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹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 2 æ¬¡ã®ãƒšãƒ¼ã‚¸