[B! jQuery] rechiba3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rechiba3 id:rechiba3

jQueryã«é–¢ã™ã‚‹rechiba3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{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ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚
ä½œæˆï¼š2014/10/14 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > æ¯”è¼ƒçš„æœ€è¿‘ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã€ä»Šé¢¨ã®å‹•ãã‚’ã™ã‚‹ã‚‚ã®ãªã©ã€åˆ¶ä½œå‰ã«çŸ¥ã£ã¦ãŠãã¨åŠ©ã‹ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚å›½å†…ã®ã‚µã‚¤ãƒˆã§ã‚ã¾ã‚Šå–ã‚Šå…¥ã‚Œã¦ãªã„ã‚ˆã†ãªã‚‚ã®ã‚„ã€å®šç•ªã®ã‚‚ã®ã¾ã§ã€‚ãƒšãƒ¼ã‚¸ã«ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ã‚’å‡ã‚‰ã—ãŸã„ã¨ãã‚„ã€å°‘ã—ã‚ãšã‚‰ã—ã„ä»•æŽ›ã‘ã§ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãŸã„ã¨ãã«ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ å‹•ã ï¼‘ï¼Žã‚¸ã‚ªãƒ¡ãƒˆãƒªãƒƒã‚¯ èƒŒæ™¯ ï¼’ï¼Žãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ ï¼“ï¼Žãƒ‰ãƒã‚¢ãƒ¼é¢¨ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ ï¼”ï¼Žå‹•ç”»ã‚’å†ç”Ÿã™ã‚‹ã‚¿ã‚¤ãƒ—ï¼“ã¤ ã‚¹ã‚¯ãƒãƒ¼ãƒ« ï¼•ï¼Žã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ ï¼–ï¼Žã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§å¥¥è¡Œãã‚’è¡¨ç¾ ï¼—ï¼Žã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§åˆ†å‰² ç”»åƒ ï¼˜ï¼ŽAPNG ï¼™ï¼ŽGoogle ç”»åƒæ¤œç´¢é¢¨ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ ï¼‘ï¼ï¼Žãƒˆã‚¤ã‚«ãƒ¡ãƒ©é¢¨ã®ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ— ï¼‘ï¼‘ï¼ŽãŠã—ã‚ƒã‚Œãªã‚¢ãƒ©ãƒ¼ãƒˆ ï¼‘ï¼’ï¼Ž
rechiba3 2014/10/15
webãƒ‡ã‚¶ã‚¤ãƒ³

jQuery
ãƒªãƒ³ã‚¯
[JS]ä¸¦ã¹ã¦é…ç½®ã—ãŸãƒ‘ãƒãƒ«ã‚’æ»‘ã‚‰ã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ä¼¸ç¸®ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Kwicks for jQuery
æ°´å¹³ãƒ»åž‚ç›´ã«é…ç½®ã—ãŸãƒ‘ãƒãƒ«ã‚’ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã‚„ãƒã‚¦ãƒ³ãƒ‰ãªã©ã®æ»‘ã‚‰ã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ä¼¸ç¸®ã•ã›ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Kwicks for jQuery Kwicksã¯å…ƒæ¥ã€MooToolsã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã—ãŸãŒjQueryç”¨ã«ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ãƒ ãƒ¼ã‚ºã•ã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ã‚¤ãƒ™ãƒ³ãƒˆã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãªã©ã‚’æ”¹å–„ã™ã‚‹ãŸã‚ã«ä»Šå›žã‚¼ãƒã‹ã‚‰ãƒªãƒ©ã‚¤ãƒˆã•ã‚Œã¾ã—ãŸã€‚ Kwicksã®ãƒ‡ãƒ¢ Kwicksã®ä½¿ã„æ–¹ Kwicksã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯6ç¨®é¡žã®Kwicksã®å‹•ä½œã‚’æ¥½ã—ã‚ã¾ã™ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€IE7+, Firefox3.6+, Chrome12+, Safri5+, Opera11+ã§ã™ã€‚
rechiba3 2012/10/22
jQuery

jQuery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã«å¿…ãšå½¹ç«‹ã¤ï¼iOS, HTML5, CSS, jQuery, WordPress, .htaccessãªã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–åˆ¶ä½œã€ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºè€…ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ é †ç•ªã¯ã€iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git ã§ã™ã€‚ HTML5ã§ã®ç¾Žã—ã„ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã€Sassã€Zen Codingã€jQueryã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€Gitã®ä½¿ã„æ–¹ãªã©ã‚‚ã‚ã‚Šã¾ã™ã‚ˆã€‚
rechiba3 2012/10/16
jQuery

iOS

html5

html

wordpress

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
http://pagescroller.com/
rechiba3 2012/08/06
jQuery

javascript
ãƒªãƒ³ã‚¯
tn3gallery.com
This domain may be for sale!
rechiba3 2012/07/10
jQuery

webåˆ¶ä½œ

gallery

javascript
ãƒªãƒ³ã‚¯
ç°¡å˜ãªjQueryã‚³ãƒ¼ãƒ‰ã§ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°æ©Ÿèƒ½ã‚’åŠ ãˆã‚‹ - ã‹ã¡ã³ã¨.net
ç¸¦é•·ã«ãªã£ã¦ã—ã¾ã£ãŸãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯éžå¸¸ã« è¦‹ã«ããã€ä½¿ã„ã¥ã‚‰ã„ã‚‚ã®ã§ã™ã€‚ECã‚µã‚¤ãƒˆãªã‚“ã‹ ã§ã‚‚é »ç¹ã«è¦‹ã‹ã‘ã‚‹å…‰æ™¯ã§ã™ãŒã€ã‚«ãƒ†ã‚´ãƒªã§ åˆ†ã‘ã¦ã‚‚ãã‚Œã¯ãã‚Œã§æŽ¢ã—ã«ãããªã£ã¦ã—ã¾ã£ãŸ ã‚Šã¨ã€ã‚ã£ã¡ãŸã¦ã‚Œã°ã“ã£ã¡ç«‹ãŸãšã¿ãŸã„ãªçµŒé¨“ ã¯ç„¡ã„ã§ã—ã‚‡ã†ã‹ï¼Ÿã‚ã€ç„¡ã„ã§ã™ã‹ãƒ»ãƒ» ãã‚“ãªç¸¦é•·ã®ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½¿ã„ã«ãã•ã‚’è§£æ¶ˆã™ã‚‹ä¸€ã¤ã®æ‰‹ã¨ã—ã¦ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã¯ç°¡å˜ãªjQueryã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿç¾ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ãƒ‡ãƒ¢ ç¸¦é•·ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›ã§ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã§ãã¾ã™ã€‚ åŒ—æµ·é“ï¼ˆã»ã£ã‹ã„ã©ã†ï¼‰ é’æ£®çœŒï¼ˆã‚ãŠã‚‚ã‚Šï¼‰ å²©æ‰‹çœŒï¼ˆã„ã‚ã¦ï¼‰ å®®åŸŽçœŒï¼ˆã¿ã‚„ãŽï¼‰ ç§‹ç”°çœŒï¼ˆã‚ããŸï¼‰ å±±å½¢çœŒï¼ˆã‚„ã¾ãŒãŸï¼‰ ç¦å³¶çœŒï¼ˆãµãã—ã¾ï¼‰ èŒ¨åŸŽçœŒï¼ˆã„ã°ã‚‰ãï¼‰ æ ƒæœ¨çœŒï¼ˆã¨ã¡ãŽï¼‰ ç¾¤é¦¬çœŒï¼ˆãã‚“ã¾ï¼‰ åŸ¼çŽ‰çœŒï¼ˆã•ã„ãŸã¾ï¼‰ åƒè‘‰çœŒï¼ˆã¡ã°ï¼‰ æ±äº¬éƒ½ï¼ˆã¨ã†ãã‚‡ã†ï¼‰ ç¥žå¥ˆå·çœŒï¼ˆã‹ãªãŒã‚ï¼‰ æ–°æ½ŸçœŒï¼ˆã«ã„ãŒãŸï¼‰ å¯Œå±±çœŒï¼ˆã¨ã‚„ã¾
rechiba3 2011/08/12
jQuery

WEBã‚µã‚¤ãƒˆåˆ¶ä½œ

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹å¼·åŠ›ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼–ã¤:phpspoté–‹ç™ºæ—¥èªŒ
6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹å¼·åŠ›ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼–ã¤ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ä¸€æ˜”å‰ã§ã¯ä¸å¯èƒ½ã§ã¯ï¼Ÿã¨æ€ã‚ã‚ŒãŸã‚ˆã†ãªè¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚jQueryã‚’ä½¿ã†ã“ã¨ã§ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚ ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã—ãŸã„ã£ã¦ã„ã†æ™‚ã«å‚è€ƒã«ã•ã›ã¦ã‚‚ã‚‰ã„ã¾ã—ã‚‡ã† UI.Layout ãƒªã‚µã‚¤ã‚ºå¯èƒ½ãªè¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆ Masonry ãƒ–ãƒãƒƒã‚¯ã‚’æ–°èžã¿ãŸã„ã«ã—ãã¤ã‚ã¦è¡¨ç¤º jLayout divã‚’ãªã‚‰ã¹ã¦ãã®è¦ªdivã®classã«ãƒ«ãƒ¼ãƒ«ã«ã—ãŸãŒã£ã¦è¨˜è¿°ã™ã‚‹ã“ã¨ã§è¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç°¡å˜ã«ä½œã‚Œã¾ã™ jQuery pageSlide ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’ã‚ºãƒ©ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’å‡ºã™ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ jQSlickWrap ç”»åƒã«ã‚ã‚ã›ã¦æ–‡æ›¸ã‚’ã¾ã‚ã‚Šã“ã¾ã›ã‚‰ã‚Œã‚‹ C
rechiba3 2011/06/07
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

jquery

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

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
jQueryMobileã‚’ä½¿ã£ã¦ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®æ§‹ç¯‰ãƒ¡ãƒ¢ at HouseTect, JavaScriptãªæƒ…å ±ã‚’ã‚ãªãŸã«
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
rechiba3 2011/06/03
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆ

iPhone

jQuery

JavaScript

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
[JS]ã‚ãšã‹2è¡Œã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§å®Ÿè£…ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ä»˜ãã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
A slide-show in 2 lines of JavaScript ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Step 1: ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆHTMLï¼‰ Step 2: ãƒšãƒ¼ã‚¸ã‚ãã‚Šï¼ˆJavaScriptï¼‰ Step 3: ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï¼ˆCSSï¼‰ Step 1: ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆHTMLï¼‰ ã¯ã˜ã‚ã«ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç”¨æ„ã—ã¾ã™ã€‚ ã“ã“ã§ã¯ä¸€ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ä¸€è¡Œã®ãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ HTML5 <!DOCTYPE HTML> <html> <head> <title>My slides</title> </head> <body> <section>This is the <em>first</em> slide</section> <section>This is the <em>second</em> slide</section> <secti
rechiba3 2011/05/18
webãƒ‡ã‚¶ã‚¤ãƒ³

JavaScript

ã‚ã¨ã§èªã‚€

html

jQuery

html5
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã‚’ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã«ã¤ã‚Œè¡¨ç¤ºã™ã‚‹ã€ŒTOPã¸ã€ãƒœã‚¿ãƒ³å®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Animated Scroll to Top ãƒšãƒ¼ã‚¸ã‚’ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã«ã¤ã‚Œè¡¨ç¤ºã™ã‚‹ã€ŒTOPã¸ã€ãƒœã‚¿ãƒ³å®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ãƒšãƒ¼ã‚¸ã®ä¸Šã®æ–¹ã«ã„ã‚‹å ´åˆã¯å¿…è¦ãªã„ã‹ã‚‚ã—ã‚Œãªã„ãƒœã‚¿ãƒ³ã€‚ä¸‹ã«è¡Œãã«ã¤ã‚Œè¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ã§ä¸Šã«æˆ»ã‚Œã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã‚„ã™ãã€ä¸Šã«ã„ã‚‹ã¨ãã¯é‚ªé”ã«ãªã‚‰ãªã„ã¨ã„ã†ä½¿ã„ã‚„ã™ã„ãƒœã‚¿ãƒ³ãŒä½œã‚Œã¾ã™ãã€‚ jQueryã«ã¦å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ãªã£ã¦ãŠã‚Šã€ã‚µãƒ³ãƒ—ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å‡ºæ¥ã‚‹ã®ã§ã„ã–å®Ÿè£…ã™ã‚‹éš›ã«å‚è€ƒã«ã§ããã†ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ æœ€è¿‘WEBã‚’å·¡å›žã—ã¦ã„ã‚‹ã¨æ•£è¦‹ã™ã‚‹UIã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª æŒ‡å®šä½ç½®ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ’ãƒ³ãƒˆã‚’è¡¨ç¤ºã•ã›ã‚‰ã‚Œã‚‹ä¾¿åˆ©jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSlideNoteã€ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨Ajaxã§æ¬¡ã®å†…å®¹ã‚’ã‚¬ãƒ³ã‚¬ãƒ³èªã‚“ã§ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAjaxScrollã€ ã‚«ãƒƒã‚³æ‚ªã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã¨ã¯ã‚ªã‚µãƒ©ãƒã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery vScrollã€
rechiba3 2011/05/18
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

javascript

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
WEBä¸Šã§å‹•ããƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹éš›ã«ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAwkward Showcaseã€:phpspoté–‹ç™ºæ—¥èªŒ
WEBä¸Šã§å‹•ããƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹éš›ã«ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAwkward Showcaseã€ 2011å¹´05æœˆ09æ—¥- Awkward Showcase ? A jQuery Plugin | Awkward Group - A Digital Agency WEBä¸Šã§å‹•ããƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹éš›ã«ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAwkward Showcaseã€ã€‚ divã®ä¸ã«è¤‡æ•°ã®divã‚’ä¸¦ã¹ã¦åˆæœŸåŒ–ã™ã‚‹ã“ã¨ã§ç°¡å˜ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ä½œã‚Œã¾ã™ã€‚ ï¼‘ã¤ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã¯HTMLãŒå…¥ã‚Œã‚‰ã‚Œã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—è¡¨ç¤ºç”¨ã®æ©Ÿèƒ½ãªã‚“ã‹ã‚‚åŒæ¢±ã•ã‚Œã¦ã„ã¾ã™ã€‚ åˆæœŸåŒ–ã‚‚æ¬¡ã®ã‚ˆã†ã«ç°¡å˜ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚µã‚¤ã‚ºç‰ã‚’ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¨ã—ã¦æ¸¡ã›ã¾ã™ã€‚ $("#showcase").awShowcase({ content_width: 700, content_height: 470 }); ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰
rechiba3 2011/05/18
jQuery

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

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

javascript

ãƒ—ãƒ¬ã‚¼ãƒ³
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆï½œjQuery pluginï½œAjaxï½œPHP & JavaScript Room
è¦ç´ ã®ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã®hoveråŠ¹æžœã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ãƒªã‚¹ãƒˆè¦ç´ ã®å„ã‚¢ã‚¤ãƒ†ãƒ ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸæ™‚ã«ã€ãã®ã‚¢ã‚¤ãƒ†ãƒ ã®èƒŒå¾Œã«jQueryã§hoverç”¨ã®è¦ç´ ã‚’å‹•çš„ã«ç”Ÿæˆã—ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã•ã›ã¦ã„ã¾ã™ã€‚ å¹…ã€é«˜ã•ã€ã‚ªãƒ•ã‚»ãƒƒãƒˆãªã©ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹jQuery Dimensions Pluginã‚’ä½µç”¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é©ç”¨ã™ã‚‹è¦ç´ ã«ã¯ã€CSSä¸Šã®ãƒ«ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®è¦ªè¦ç´ ã«ã¯ã€position:relativeã‚ã‚‹ã„ã¯position:absoluteãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã«ã¯ã€z-indexãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ å‹•çš„ã«ç”Ÿæˆã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã¯ã€hoverã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®z-indexã‚ˆã‚Šå°ã•ã„z-indexãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ /* hoverã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®è¦ªè¦ç´ */
rechiba3 2011/05/16
jQuery
ãƒªãƒ³ã‚¯
æ©Ÿç¨®ä¾å˜æ–‡å—ã‚„åŠè§’ã‚«ãƒŠã‚’å¤‰æ›ã™ã‚‹ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ›¸ã„ã¦ã¿ãŸ - Cyokodog :: Diary
ä»¥ä¸‹ã®ã‚ˆã†ãªä¸¸å›²ã„æ•°å—ã‚„åŠè§’ã‚«ãƒŠã‚’ã€ä»–ã®æ–‡å—ã«å¤‰æ›ã™ã‚‹ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ãªã©ã§ã“ã‚Œã‚‰ã®å€¤ãŒå…¥åŠ›ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒè‰¯ãã‚ã‚‹ã®ã§ã™ãŒã€ç’°å¢ƒã«ã‚ˆã£ã¦ã¯æ–‡å—åŒ–ã‘ã‚„ãƒˆãƒ©ãƒ–ãƒ«ã®è¦å› ã«ãªã‚‹ã®ã§ã€ç™»éŒ²å‡¦ç†ã‚’è¡Œã†å‰ã«ä»£æ›¿ã®æ–‡å—ã«å¼·åˆ¶å¤‰æ›ã™ã‚‹ã¨ã„ã£ãŸä½¿ã„æ–¹ã‚’ã—ã¦ã„ã¾ã™ã€‚ ä½¿ã„æ–¹ jquery.js ã€jquery.exreplace.js ã‚’èªã¿è¾¼ã¿ã€å¤‰æ›å¯¾è±¡ã®è¦ç´ ã«å¯¾ã— exReplace() ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å®Ÿè¡Œã™ã‚‹ã¨ã€è¡¨ã®ã¨ãŠã‚Šã®å¤‰æ›å‡¦ç†ã‚’è¡Œã„ã¾ã™ã€‚ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€å¤‰æ›å¯¾è±¡ã®æ–‡å—ã‚’é™å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Demo ä¿å˜ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ãŸæ™‚ç‚¹ã§å¤‰æ›ã—ãŸã„å ´åˆã¯ã€ä¿å˜ãƒœã‚¿ãƒ³ã® click ã‚¤ãƒ™ãƒ³ãƒˆå†…ã§ exReplace() ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ jQuery(function($){ $('#save_btn').click(function(){ $('inpu
rechiba3 2011/04/20
jQuery

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

webåˆ¶ä½œ

javascript
ãƒªãƒ³ã‚¯
ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSlider Kitã€:phpspoté–‹ç™ºæ—¥èªŒ
ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSlider Kitã€ 2011å¹´04æœˆ12æ—¥- Slider Kit, sliding contents with jQuery ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSlider Kitã€ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã“ã¨ã§å®Ÿã«æ§˜ã€…ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿç¾å‡ºæ¥ã¾ã™ã€‚ä»¥ä¸‹ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ã€‚ ä¸€è¦‹æ™®é€šã®ç”»åƒ ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒšãƒ¼ã‚¸é€ã‚ŠãŒå‡ºã‚‹UIã€‚ã“ã‚Œã ã‘ã§ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã‹ãªã‚Šä½¿ãˆãã†ã€‚ç„¡é§„ãªUIã¯ä¸è¦ã¨ã„ã†æ–¹ã«ã€‚ ãƒšãƒ¼ã‚¸ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚’æ¬¡ã®ã‚ˆã†ã«â—‹ã§è¡¨ç¤ºã—ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚‚ä½œã‚Œã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ç•ªå·ãŒã¤ã„ãŸã‚‚ã® ã‚µãƒ ãƒã‚¤ãƒ«ãŒã¤ã„ãŸç‰© ã‚µãƒ ãƒã‚¤ãƒ«ï¼‹ãƒ©ãƒ™ãƒ«ä»˜ã ã‚µãƒ ãƒã‚¤ãƒ«ã‚’æ¨ªã«é…ç½®ã—ãŸã‚‚ã® ã‚·ãƒ³ãƒ—ãƒ«ã«ã‚µãƒ ãƒã‚¤ãƒ«ã‚’æ•·ãè©°ã‚ãŸä¾‹ ä½•ã‚‰ã‹ã®è£½å“ç‰ã®ç‰¹å¾´ã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã†ãªãŠãªã˜ã¿ã®ã‚¿ãƒ–UIåž‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚‚ã€‚ ç”»åƒã ã‘ã§ãªãHTMLã‚‚ä½¿ãˆã‚‹ ã‚¿
rechiba3 2011/04/12
jquery

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

jQuery

webåˆ¶ä½œ

ç”»åƒ

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

WEBã‚µã‚¤ãƒˆåˆ¶ä½œ
ãƒªãƒ³ã‚¯
David DeSandro: jQuery Masonry
Masonry is a layout plugin for the ever-popular Javascript library jQuery. Download jQuery Masonry Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Invoking Masonry only
rechiba3 2011/04/12
jquery

jQuery

webåˆ¶ä½œ

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

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

WEBã‚µã‚¤ãƒˆåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
s3Slider - jQueryãƒ™ãƒ¼ã‚¹Flashé¢¨ç”»åƒåˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ - ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚³ãƒ©ãƒ
s3Sliderã¯jQueryãƒ™ãƒ¼ã‚¹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’Flashã®ã‚ˆã†ã«ã‚¹ãƒ ãƒ¼ã‚ºã«è‡ªå‹•çš„ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ >> ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å‹•ä½œç’°å¢ƒ â—‡ã€€jQuery â—‡ã€€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ï¼š Â Â Â Â * Firefox 2.x (Win) Â Â Â Â * Firefox 3.0.3 (Win/Linux/Mac) Â Â Â Â * Opera 9.6 (Win/Linux) Â Â Â Â * Safari 3.0.3 (Win/Mac) Â Â Â Â * Internet Explorer 6 (Win) Â Â Â Â * Internet Explorer 7 (Win) Â Â Â Â * Google Chrome (Win) â—‡ã€€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ï¼šCreative Commons Attribution 2.5 ä½¿ã„æ–¹ ï¼‘ï¼‰<head>ï½ž</head>ã«javascript ã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ãƒ
rechiba3 2011/01/28
jQuery

flash
ãƒªãƒ³ã‚¯
jQuery Countdown ã‚’ä½¿ã£ã¦ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã‚¿ã‚¤ãƒžãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ãƒãƒƒãƒ”ãƒ¼ãƒãƒ¼ã‚¹ãƒ‡ãƒ¼ãƒˆã‚¥ãƒ¼ãƒŸãƒ¼ï¼ä»Šæ—¥ãŒèª•ç”Ÿæ—¥ã®inoueã§ã™ã€‚ ã•ã¦ã€è¨ºæ–ãƒ†ã‚¹ãƒˆã®ã‚ˆã†ãªå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¡¨ç¤ºã™ã‚‹å ´åˆã€æ™‚é–“åˆ¶é™ã‚’è¨ã‘ãŸã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ãã†ã„ã£ãŸãƒšãƒ¼ã‚¸ã«ã€Œã‚ã¨ã€‡ã€‡åˆ†ã€ã¨ã„ã†ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³è¡¨ç¤ºã‚’ç°¡å˜ã«è¿½åŠ ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã€ŽjQuery Countdownã€ã‚’ä»Šå›žç´¹ä»‹ã—ã¾ã™ã€‚ æ¦‚è¦ jQuery Countdown ä½¿ã„æ–¹ã¯ä¸Šè¨˜ã®ã‚µã‚¤ãƒˆã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚Œã°ã™ãã‚ã‹ã‚Šã¾ã™ã€ã¨ã„ã†ãã‚‰ã„éžå¸¸ã«ç°¡å˜ã‹ã¤ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚‚è±Šå¯Œã€‚ å¤šè¨€èªžå¯¾å¿œã‚‚ã™ã§ã«ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¾‹ãˆã°ã€id:timeCount ã®è¦ç´ ã« liftoffTime ã¾ã§ã®æ®‹ã‚Šæ™‚é–“ã‚’ æ™‚åˆ†ç§’ï¼ˆ=HMSï¼‰ã§è¡¨ç¤ºã—ãŸã„å ´åˆã¯æ¬¡ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ $('#timeCount').countdown({until: liftoffTime, format: 'HMS'}); ã‚µãƒ³ãƒ—ãƒ«ï¼šä»Šã‹ã‚‰20åˆ†å¾Œã¾ã§ã®ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³
rechiba3 2011/01/24
PHP

jQuery

ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³

javascript

Web
ãƒªãƒ³ã‚¯
1