[B! ãƒ—ãƒ©ã‚°ã‚¤ãƒ³] thirtyone_cherryboyã®ãƒ

thirtyone_cherryboy id:thirtyone_cherryboy

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é–¢ã™ã‚‹thirtyone_cherryboyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (24)

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

Xlune::Blog
éžåŒæœŸãƒšãƒ¼ã‚¸(éƒ¨åˆ†)é·ç§»jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³(jquery.smartPage.js) å…ƒã€…jQueryã¯åŸºæœ¬çš„ãªéžåŒæœŸãƒšãƒ¼ã‚¸é·ç§»æ©Ÿèƒ½ã¯ä»˜ã„ã¦ã‚“ã ã‘ã©ã€ã‚‚ã†ã¡ã‚‡ã£ã¨æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¤ã¤ã€æ±Žç”¨æ€§ã‚’æŒãŸã›ãŸã‚‚ã®ãŒæ¬²ã—ã„ãªãƒ¼ã¨æ€ã£ã¦ã¨ã‚Šã‚ãˆãšæ›¸ã„ã¦ã¯ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã¨ã—ã¦ã¯ã€ã€Œæ›¸ã„ãŸã‚ˆã€ã˜ã‚ƒãªãã¦ã€Œæ›¸ãå§‹ã‚ãŸã€ã‘ã©é™ãŒç„¡ã•ãã†ãªã®ã§ã€è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã§ä½¿ãˆã‚‹ç¨‹åº¦ã§ã„ã„ã‚„ã€ã€ã€ã§ã™ã€‚ html5ã®pushState(pjax)ã¨"#!"ã‚’åˆ©ç”¨ã—ãŸãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒƒã‚·ãƒ¥ã«ã‚ˆã‚‹éžåŒæœŸãƒšãƒ¼ã‚¸é·ç§»ã®ä¸¡æ–¹ã‚’å®Ÿè£…ã—ãŸãƒ¢ãƒŽã‚’ç›®æŒ‡ã—ã¦ã¾ã™ã€‚éžå¯¾å¿œ(IEã¨ã‹)ã®å ´åˆã¯æ™®é€šã«åŒæœŸé·ç§»ã—ã¾ã™ã€‚ éžåŒæœŸã‚½ãƒ¼ã‚¹ã«ã€"script"ã‚¿ã‚°ãŒã‚ã£ãŸã‚Šã€"document.write"ã®è¨˜è¿°ãŒã‚ã£ã¦ã‚‚ã€ãªã‚‹ã¹ãè¡¨ç¤ºã‚’å†ç¾ã™ã‚‹ã‚ˆã†è©¦ã¿ã¾ã™ã‚ˆãƒ¼ã€‚ jquery.smartPageã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³/ã‚³ãƒ¼ãƒ‰ Download github zi
thirtyone_cherryboy 2012/04/21
jQuery

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

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒãªè¡¨ç¾ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã«å·®ãŒã¤ãã€3Dè¡¨ç¾ãŒã§ãã‚‹jQueryã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
Slideshow with jmpress.j... / RefineSlide
thirtyone_cherryboy 2012/04/21
jQuery

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

JavaScript

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

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰å°‘ã—ãšã¤æ–‡å—ã‚’è¡¨ç¤ºã•ã›ã¦ã„ãã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Lettering Animate - ã‹ã¡ã³ã¨.net
ä½¿ã„ã©ã“ã‚ã‚‚ã‚ã‚Šãã†ã ã£ãŸã®ã§ å‚™å¿˜éŒ²ã€‚æ–‡å—ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã— ãªãŒã‚‰å°‘ã—ãšã¤è¡¨ç¤ºã•ã›ã¦ã„ãæ§˜ ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã§ãã‚‹jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Lettering Animate ã§ã™ã€‚ ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ã‚ãƒ£ãƒƒãƒã‚³ãƒ”ãƒ¼ãªã‚“ã‹ã‚‚ã“ã®æ–¹æ³•ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç‚¹ã‚’èª˜å°Žå‡ºæ¥ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ãã€‚Flashã§ã¯æ˜”ã‹ã‚‰ã‚ˆãè¦‹ã‹ã‘ã‚‹è¡¨ç¾ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ lettering.jsã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è¿½åŠ ã—ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚8ç¨®é¡žã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ä»¥ä¸‹å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ Sample ã‚³ãƒ¼ãƒ‰ <script type='text/javascript' src='http://ajax.google apis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type="text/javascript" sr
thirtyone_cherryboy 2012/04/21
jQuery

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

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

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

webåˆ¶ä½œ

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

ãƒ†ã‚ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
[JS]è¨ç½®ã‚‚è¶…ç°¡å˜ã€ã‚ãªãŸã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ…£æ€§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -NiceScroll
live demo: IFrame iframeã‚’ä½¿ã£ãŸãƒ‡ãƒ¢ã§ã™ã€‚ divè¦ç´ ã¨åŒæ§˜ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚ºãƒ¼ãƒ ãŒå¯èƒ½ã§ã™ã€‚ NiceScrollã®ç‰¹å¾´ æ—¢å˜ã®ã‚³ãƒ¼ãƒ‰ã®ä¿®æ£ç„¡ã—ã§ã€ç°¡å˜ã«è¨ç½®ãŒã§ãã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’å¿…è¦ã¨ã—ãªã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’è¨ç½®ã§ãã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã§ãã¾ã™ã€‚ ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒžã‚¦ã‚¹ãƒ»ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒã§ãã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯æ…£æ€§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¯¾å¿œã—ã¦ãŠã‚Šã€ã‚¹ãƒ”ãƒ¼ãƒ‰ã¯èª¿æ•´å¯èƒ½ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚ºãƒ¼ãƒ æ©Ÿèƒ½ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ IE6ã‚’å«ã‚ãŸãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãªãã€iPhone, iPadãªã©ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Firefox 4+ Chrome 5+ Safari 4+ (win/mac) Opera 10+ IE 6+ iPhone, iPadãªã©ã®iOSãƒ‡ãƒã‚¤ã‚¹ [ad#ad-2]
thirtyone_cherryboy 2012/04/21
ã‚¹ã‚¯ãƒãƒ¼ãƒ«

jQuery

webåˆ¶ä½œ

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

javascript
ãƒªãƒ³ã‚¯
[JS]é«˜æ€§èƒ½ã§è¨ç½®ã‚‚ç°¡å˜ã€ãƒ–ãƒ©ã‚¦ã‚¶æž ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -bgStretcher
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šSuper Slider ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ç‰ˆã§ã€æ–œã‚æ–¹å‘ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ bgStretcherã®ä¸»ãªç‰¹å¾´ ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã¯ã‚·ãƒ³ãƒ—ãƒ« å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆ ç”»åƒã¯ä¸€æžšã ã‘ã§ãªãã€è¤‡æ•°æžšã«ã‚‚å¯¾å¿œ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherã®ä½¿ã„æ–¹ Step 1: ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã‚µã‚¤ãƒˆã®ã€ŒDownloadã€ã‚ˆã‚Šãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ä¸€å¼ã«ã¯å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«å…¨ã¦ï¼ˆjqeury.jsã‚‚ï¼‰ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ Step 2: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«<head>ï½ž</head>ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="../jquery-1.5.2.mi
thirtyone_cherryboy 2012/02/12
JavaScript

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

webåˆ¶ä½œ

jQuery

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

èƒŒæ™¯

ç”»åƒ
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2012å¹´1æœˆ
ç´¹ä»‹æ¸ˆã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³34é¸ã§ã™ã€‚ jQuery Transit CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’jQueryã§ç°¡å˜ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€‚ cssAnimate CSS3ã¨jQuer
thirtyone_cherryboy 2012/02/06
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

ã¾ã¨ã‚

jQuery

javascript

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

WEBåˆ¶ä½œ

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

jQuery

css3

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

webåˆ¶ä½œ

ã¾ã¨ã‚

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
[JS]å¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãã‚‹2.3KBã®è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jsMorph
Tutorial demos ã•ã¾ã–ã¾ãªåŸºæœ¬ã¨ãªã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ‹ãƒƒãƒˆé›†ã€‚ [ad#ad-2] jsMorphã®å®Ÿè£… å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphã®åŸºæœ¬æ›¸å¼ã§ã™ã€‚ var myMorph = jsMorph( Object obj, // HTML element, Array of elements or elementCollection that are rendered Object prop, // css properties of end position [Object params], // parameters that influence the motion (dur
thirtyone_cherryboy 2011/10/28
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

CSS

JavaScript

webåˆ¶ä½œ

jQuery

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

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

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
[JS]è¨ç½®ã‚‚ç°¡å˜ã€æ©Ÿèƒ½ã‚‚è±Šå¯Œã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã§ãƒ‘ãƒãƒ«ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ -FerroSlider
è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’ç¸¦ãƒ»æ¨ªã®ãƒ©ã‚¤ãƒ³çŠ¶ã€Lå—çŠ¶ã€åå—çŠ¶ãªã©ã«é…ç½®ã—ã€ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ FerroSlider jQuery Plugin [ad#ad-2] FerroSliderã®ä¸»ãªç‰¹å¾´ å„ãƒ‘ãƒãƒ«ã‚’ãƒ©ã‚¤ãƒ³ã‚„ã‚«ãƒ©ãƒ ã€ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹çŠ¶ã«é…ç½®ãŒå¯èƒ½ã€‚ ãƒ‘ãƒãƒ«ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä¸ã¯é€²è¡Œæ–¹å‘ã‚’è¡¨ç¤ºã€‚ å„ãƒ‘ãƒãƒ«ã¯ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã—ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã„ã£ã±ã„ã«è¡¨ç¤ºã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’AJAXã§å®Ÿè£…å¯èƒ½ã€‚ ã‚³ãƒ³ãƒ†ãƒŠã®ä¸ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦ç´„ã‚’è¨ç½®ã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®çŸ¢å°ã‚ãƒ¼ã§æ“ä½œãŒå¯èƒ½ã€‚ ã‚¯ãƒªãƒƒã‚¯ã§ã‚‚æ“ä½œå¯èƒ½ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚è¨ç½®å¯èƒ½ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¹ãƒ«ãƒ¼ã§ãã‚‹ãƒªãƒ³ã‚¯ã®è¨ç½®ã‚‚å¯èƒ½ã€‚ FerroSliderã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®çŠ¶æ…‹ã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãª
thirtyone_cherryboy 2011/10/14
ãƒ—ãƒ¬ã‚¼ãƒ³é¢¨ã«ä½¿ã„ãŸã„

JavaScript

jQuery

webåˆ¶ä½œ

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

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
èƒŒæ™¯ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã•ã›ã‚‹jQueryã€ŒAnimated fullscreen background image slideshow using jQueryã€ï½œBLACKFLAG
jQueryã‚’ä½¿ã£ã¦ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã—ãŸèƒŒæ™¯ç”»åƒã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¦ç´ ã‚’ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã•ã›ã‚‹ ã€ŒAnimated fullscreen background image slideshow using jQueryã€ãŒ ä½¿ã„å‹æ‰‹è‰¯ãã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å‚è€ƒã«ã‚‚ãªã‚Šãã†ã ã£ãŸã®ã§ãƒ¡ãƒ¢æ›¸ãã—ã¦ãŠãã¾ã™ã€‚ â‰«Animated fullscreen background image slideshow using jQuery â‰«ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã€Œï¼‘ã€ï½žã€Œï¼”ã€ã¾ã§ã®ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ èƒŒæ™¯ç”»åƒã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¦ç´ ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã‚¢ã‚¦ãƒˆ â†’ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¤ãƒ³ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ä¸Šè¨˜ã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã«ã¯å®Ÿè£…ã®éš›ã®HTMLã€CSSã‚³ãƒ¼ãƒ‰ã®è¨˜è¿°æ–¹æ³•ã‚„ SCRIPTã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ï¼ˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã„ã†ã‚ˆã‚Šã‹ã¯ç›´æŽ¥ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ›¸ãè¾¼ã‚“ã§ä½¿ã†ã‚¿ã‚¤ãƒ—ã¨
thirtyone_cherryboy 2011/09/23
jQuery

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

webåˆ¶ä½œ

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[JS]åœ°å‘³ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ç°¡å˜ã«ã‹ã‚ã„ã‚‰ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ -Ideal Forms
ç”»åƒã‚’ä¸€åˆ‡ä½¿ç”¨ã›ãšã€æ—¢å˜ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‹ã‚ã„ã‚‰ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰æ›´ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®ãƒã‚§ãƒƒã‚¯ã‚‚ç”»åƒã§ã¯ãªã„ã§ã™ã‚ˆã€‚ Ideal Forms ãƒ‡ãƒ¢ [ad#ad-2] Ideal Formsã®ãƒ‡ãƒ¢ ãƒ•ã‚©ãƒ¼ãƒ ã®å¤–è¦³ã¯ç”»åƒã¯ä½¿ç”¨ã›ãšã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€è‡ªåˆ†ç”¨ã®ã‚«ãƒ©ãƒ¼ã«å¤‰æ›´ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ã€3ã¤ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ï¼šComix Ideal Formsã®ä¸»ãªç‰¹å¾´ ãƒ•ã‚©ãƒ¼ãƒ ã«ç¾Žã—ã„å¤–è¦³ã‚’ä¸Žãˆã‚‹è»½é‡ï¼ˆ14Kbï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã§ã€éžå¸¸ã«ä½¿ã„ã‚„ã™ã„ã§ã™ã€‚ ç”»åƒã¯å¿…è¦ãªãã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã—ã¦ã„ã¾ã™ã€‚ [ad#ad-2] Ideal Formsã®å®Ÿè£… ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ ä»¥ä¸‹ã®2ã¤ã‚’ãƒ•ã‚©ãƒ«ãƒ€ã”ã¨ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ css/idealForms js/idealForms.js
thirtyone_cherryboy 2011/09/22
CSS

ãƒ•ã‚©ãƒ¼ãƒ

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

webåˆ¶ä½œ

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryã§ã€ã¬ã‚‹ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ãƒšãƒ¼ã‚¸ã®ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã€‚ - WEBäºº
jQueryã§ã€ã¬ã‚‹ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ãƒšãƒ¼ã‚¸ã®ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã€‚ å…¬é–‹ï¼š2009å¹´11æœˆ 4æ—¥ 21:06, æ›´æ–°ï¼š2009å¹´11æœˆ 5æ—¥ 08:01 ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯(0)Â Â ã‚³ãƒ¡ãƒ³ãƒˆ(0)Â Â æœ€è¿‘ã®æµè¡Œã‚’æŠ‘ãˆãŸã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã¦æ°—ã«ãªã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã—ãŸã€‚ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ä¸‹ã¸ç§»å‹•ã™ã‚‹ã¨ã€å³ä¸‹ã«ã‚¹ãƒ¼ãƒƒã¨å‡ºç¾ã™ã‚‹ä¸Šå‘ãã®ãƒœã‚¿ãƒ³ã€‚ãƒãƒã£ã¨æŠ¼ã™ã¨ã€ã¬ã‚‹ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ãƒšãƒ¼ã‚¸ã®ãƒˆãƒƒãƒ—ã«æˆ»ã£ã¦ãã‚Œã‚‹å„ªã‚Œã‚‚ã®ã§ã™ã€‚ ãƒ›ã‚¤ãƒ¼ãƒ«ã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’ä½¿ã£ã¦æˆ»ã‚‹ã®ã¯ã€ç¸¦ã«é•·ã„ãƒšãƒ¼ã‚¸ã»ã©æ‰‹é–“ãŒã‹ã‹ã‚‹ã®ã§ã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®é‚ªé”ã«ãªã‚‰ãªã„ã®ã§ã‚ã‚Œã°æ˜¯éžå®Ÿè£…ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚å ´åˆã«ã‚ˆã£ã¦ã¯åŠ‡çš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãŒå‘ä¸Šã—ã¾ã™ã€‚ å¿…è¦ãƒ•ã‚¡ã‚¤ãƒ«ã®æº–å‚™ ã¾ãšã¯jQueryã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”¨æ„ã—ã¾ã™ã€‚jQueryå…¬å¼ã‚µã‚¤ãƒˆã«ã€ŒProduction (19KB, Minified and Gzi
thirtyone_cherryboy 2011/09/20
jQuery

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

JavaScript

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

webåˆ¶ä½œ

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HOKYPOKY. | MULTICOL. jQuery Plugin
MULTICOL. ã¯HTMLã§é›‘èªŒã®ã‚ˆã†ãªç¾Žã—ã„æ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€æ—¥æœ¬è£½ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§æ—¥æœ¬èªžã‚‚ãã‚Œã„ã«æ®µçµ„ã¿ã«ã—ã¾ã™ã€‚ ä¸€ æˆ–æ˜¥ã®æ—¥æš®ã§ã™ã€‚ å”ã®è¥¿ã®é–€ã®ä¸‹ã«ã€ã¼ã‚“ã‚„ã‚Šç©ºã‚’ä»°ã„ã§ã„ã‚‹ã€ä¸€äººã®è‹¥è€…ãŒã‚ã‚Šã¾ã—ãŸã€‚ è‹¥è€…ã¯åã‚’æœåæ˜¥ã¨ã„ã£ã¦ã€å…ƒã¯é‡‘æŒã®æ¯åã§ã—ãŸãŒã€ä»Šã¯è²¡ç”£ã‚’è²»ãªèº«åˆ†ã«ãªã£ã¦ã„ã‚‹ã®ã§ã™ã€‚ ä½•ã—ã‚ãã®é ƒæ´›é™½ã¨ã„ãˆã°ã€å¤©ä¸‹ã«ä¸¦ã¶ã‚‚ã®ã®ãªã„ã€ç¹æ˜Œã¯ã€ã¾ã‚‹ã§ç”»ã®ã‚ˆã†ãªç¾Žã—ã•ã§ã™ã€‚ ã—ã‹ã—æœåæ˜¥ã¯ç›¸å¤‰ã‚‰ãšã€é–€ã®å£ã«èº«ã‚’å‡ã‹ã¨æ€ã†ç¨‹ã€ã‹ã™ã‹ã«ç™½ãæµ®ã‚“ã§ã„ã‚‹ã®ã§ã™ã€‚ ã€Œæ—¥ã¯æš®ã‚Œã‚‹ã—ã€è…¹ã¯æ¸›ã‚‹ã—ã€ãã®ä¸Šã‚‚ã†ã©ã“ã¸è¡Œã£ã¦ã‚‚ã€æ³Šã‚ã¦ãã‚Œã‚‹æ‰€ã¯ãªã•ãã†ã ã—â€”â€”ã“ã‚“ãªæ€ã„ã‚’ã—ã¦ç”Ÿãã¦ã„ã‚‹ä½ãªã‚‰ã€ä¸€ãå·ã¸ã§ã‚‚èº«ã‚’æŠ•ã’ã¦ã€æ»ã‚“ã§ã—ã¾ã£ãŸæ–¹ãŒã¾ã—ã‹ã‚‚çŸ¥ã‚Œãªã„ã€ æœåæ˜¥ã¯ã²ã¨ã‚Šã•ã£ãã‹ã‚‰ã€ã“ã‚“ãªå–ã‚Šã¨ã‚ã‚‚ãªã„ã“ã¨ã‚’æ€ã„ã‚ãã‚‰ã—ã¦ã„ãŸã®ã§ã™ã€‚
thirtyone_cherryboy 2011/09/15
jQuery

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

WEBåˆ¶ä½œ

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

æ®µçµ„ã¿
ãƒªãƒ³ã‚¯
[JS]èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«åºƒã’ã¦è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -fullscreenr
èƒŒæ™¯ç”»åƒã®ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã—ã¤ã¤ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«åºƒã’ã¦è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ã€ãƒ‰ãƒƒãƒˆã®ç”»åƒã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã•ã›ã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒã‚ªãƒ•æ™‚ã®è¡¨ç¤º fullscreenrã®å®Ÿè£… fullscreenrã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚ HTML å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆï¼ˆjquery.fullscreenr.jsï¼‰ã¨jquery.jsã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery.fullscreenr.js" type="text/javascript"></script> JavaScript headå†…ã«ä¸‹è¨˜ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’è¨˜è¿°ã—ã¾ã™ã€‚ <script
thirtyone_cherryboy 2011/09/15
jQuery

JavaScript

ç”»åƒ

èƒŒæ™¯ç”»åƒ

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

webåˆ¶ä½œ

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
thirtyone_cherryboy 2011/09/14
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

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

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
thirtyone_cherryboy 2011/09/14
jQuery

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

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

javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
å°‘ãªã„ã‚¹ãƒšãƒ¼ã‚¹ã«ä¸€æ¯æƒ…å ±ã‚’åŸ‹ã‚è¾¼ã‚ã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒEasy Accordionã€:phpspoté–‹ç™ºæ—¥èªŒ
å°‘ãªã„ã‚¹ãƒšãƒ¼ã‚¹ã«ä¸€æ¯æƒ…å ±ã‚’åŸ‹ã‚è¾¼ã‚ã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒEasy Accordionã€ 2010å¹´10æœˆ04æ—¥- jQuery plugin: Easy Accordion | Andrea Cima Serniotti å°‘ãªã„ã‚¹ãƒšãƒ¼ã‚¹ã«ä¸€æ¯æƒ…å ±ã‚’åŸ‹ã‚è¾¼ã‚ã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒEasy Accordionã€ã€‚ æ¬¡ã®ã‚ˆã†ãªã‚¯ãƒ¼ãƒ«ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãŒç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¿ã‚¤ãƒžãƒ¼ã§è‡ªå‹•çš„ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯æ¬¡ã®ã‚ˆã†ã«å®šç¾©ã—ã¦ãŠã„ã¦å¾Œã¯jQueryã§ã‚„ã£ã¦ãã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ <div id="accordion-2"> <dl> <dt>Slide title</dt> <dd><h2>First mammoth here</h2><p><img src="images/mammoths/img1.p
thirtyone_cherryboy 2011/09/14
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

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

JavaScript

UI

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[JS]ãƒšãƒ¼ã‚¸é·ç§»ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Pageswitch
ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒšãƒ¼ã‚¸ã‚’é·ç§»ã™ã‚‹éš›ã«ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Pageswitchã®å®Ÿè£… å®Ÿè£…ã¯ç°¡å˜ã§ã™ã€‚ HTML æ—¢å˜ã®HTMLã«ã€ç‰¹ã«æ‰‹ã‚’åŠ ãˆã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ idã«ä½¿ç”¨ã—ã¦ã„ã‚‹ã€Œexampleã€ã¯é©å½“ãªã‚‚ã®ã«å¤‰æ›´ã§ãã¾ã™ã€‚ <div id="example"> <a href="//coliss.com/">Example #1</a><br /> <a href="http://www.example.com">Example #2</a><br /> </div> [ad#ad-2] JavaScript Pageswitchã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ã€ä¸‹è¨˜ã®ã‚ˆã†ã«å„ãƒªãƒ³ã‚¯ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ $(document).ready(fun
thirtyone_cherryboy 2011/09/12
ã‚¹ã‚¯ãƒãƒ¼ãƒ«

jQuery

ãƒ‡ãƒ¼ã‚¿

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

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
SearchPlugin.jp [æ¤œç´¢ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é…å¸ƒ]
SearchPlugin.jpã¨ã¯ã€Â ã€Googleã€‘Â ã‚„Â ã€Yahoo!ã€‘Â ãªã©ã®å„ç¨®æ¤œç´¢ã‚µã‚¤ãƒˆã¸è¡Œã‹ãšã«ã€ Webãƒ–ãƒ©ã‚¦ã‚¶ã®æ¤œç´¢ãƒãƒ¼ã‹ã‚‰æ¥½ã€…æ¤œç´¢ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é›†ã§ã™ã€‚ Firefoxã€ieï¼—ãªã©ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹æ–¹ã¯å¿…è¦‹ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é›†ã€ web2.0æ™‚ä»£ã‚’ç”ŸãæŠœãã€ãŠæ‰‹è»½ãªæ¤œç´¢ãƒ—ãƒ©ã‚°ã‚¤ãƒ³è¡“!! â‡’Â firefoxÂ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®è¿½åŠ Â æ–¹æ³• â‡’Â ie7Â ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®è¿½åŠ Â æ–¹æ³•
thirtyone_cherryboy 2011/09/09
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

æ¤œç´¢

ã¾ã¨ã‚

webã‚µãƒ¼ãƒ“ã‚¹

æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³

firefox
ãƒªãƒ³ã‚¯
MOONGIFT: ï¿½ Growlé¢¨ã®é€šçŸ¥ã‚’JavaScriptã§è¡Œã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjGrowlã€
â€» ç”»åƒã¯å…¬å¼ã‚µã‚¤ãƒˆãƒ‡ãƒ¢ã‚ˆã‚Š Ajaxã‚’ä½¿ã£ã¦ã„ã‚‹å ´åˆã€ãã®çµæžœé€šçŸ¥ã‚’ã©ã®ã‚ˆã†ã«è¡Œã†ã‹ã¯å›°ã‚‹ã¨ã“ã‚ã ã€‚ã›ã£ã‹ãç”»é¢é·ç§»ã®ãªã„ã€æ ¼å¥½ã„ã„ä»•çµ„ã¿ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã«ã€ãŸã ã€Œå®Œäº†ã—ã¾ã—ãŸã€ã ã‘ã§ã¯ã‚ã¾ã‚Šã«ã‚‚ãŠã–ãªã‚Šã ã‚ã†ã€‚ å³ä¸Šã«é€šçŸ¥ãŒå‡ºã‚‹ å„Webã‚µãƒ¼ãƒ“ã‚¹ã¨ã‚‚ã€é€šçŸ¥ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã¯è‰²ã€…ãªå·¥å¤«ãŒå‡ã‚‰ã•ã‚Œã¦ã„ã‚‹ã€‚è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã§æ ¼å¥½ã„ã„é€šçŸ¥ã‚’ã—ã¦ã¿ãŸã‹ã£ãŸã‚‰ã€ã“ã®ã‚ˆã†ãªä»•çµ„ã¿ã¯ã„ã‹ãŒã ã‚ã†ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯jGrowlã€JavaScriptã§ä½œã‚‰ã‚ŒãŸGrowlã ã€‚ Growlã¯Mac OSXã‚’ãŠä½¿ã„ã®æ–¹ã§ã‚ã‚Œã°çŸ¥ã£ã¦ã„ã‚‹ã§ã‚ã‚ã†ã€é€šçŸ¥ã‚’è¡Œã†ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯çš„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã ã€‚Firefoxã€Cyberduckã€Skypeãªã©ãªã©ã€å¤§æŠµã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã€‚é€šçŸ¥ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã¯ç”»é¢ã®å³ä¸Šã«è¡¨ç¤ºã•ã‚Œã€æ™‚é–“ãŒçµŒéŽã™ã‚‹ã¨è‡ªå‹•ã§æ¶ˆãˆã¦ã„ãã€éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®è‰¯ã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³
thirtyone_cherryboy 2011/09/02
JavaScript

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

Firefox

jQuery

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