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

rechiba3 id:rechiba3

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

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

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

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Re:åˆå¿ƒè€…ã®ã‚³ãƒ¼ãƒ€ãƒ¼ã§ã‚‚ç°¡å˜ã«å®Ÿè£…å‡ºæ¥ã‚‹JavaScript/jQuery Tips
Re:åˆå¿ƒè€…ã®ã‚³ãƒ¼ãƒ€ãƒ¼ã§ã‚‚ç°¡å˜ã«å®Ÿè£…å‡ºæ¥ã‚‹JavaScript/jQuery Tips ãƒã‚¿å…ƒ:åˆå¿ƒè€…ã®ã‚³ãƒ¼ãƒ€ãƒ¼ã§ã‚‚ç°¡å˜ã«å®Ÿè£…å‡ºæ¥ã‚‹JavaScript/jQuery Tips : ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚° ã¡ã‚‡ã£ã¨æ°—ã«ãªã‚‹ã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‹ã®ã§ãƒ„ãƒƒã‚³ãƒŸã‚’ã€‚ ï¼‘ï¼Žç¾åœ¨è¦‹ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ã™ã‚‹ if (document.URL.indexOf("001.html") != -1) { $("nav a.top").toggleClass("on"); } else if (document.URL.indexOf("002.html") != -1){ $("nav a.list").toggleClass("on"); } classå±žæ€§ã®ä»˜åŠ ã«toggleClass()ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã‘ã©addClass()ã®ã»ã†ãŒã‚·ãƒ³ãƒ—ãƒ«ã§ã‚ˆã„ã§ã™ã€‚ if (document.URL.index
rechiba3 2013/05/27
jQuery

JavaScript
ãƒªãƒ³ã‚¯
https://www.tellmedesign.com/lightbox02/
rechiba3 2013/02/14
ã‚¹ãƒ©ã‚¤ãƒ‰

jQuery

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

html
ãƒªãƒ³ã‚¯
jQueryã§ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã§æ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹æ¨ªåž‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
jQueryã§ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã§æ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹æ¨ªåž‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ é€šå¸¸ã®Webã‚µã‚¤ãƒˆã¯ç¸¦é•·ã§ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã§ä¸‹ã«ç§»å‹•ã—ã¦ã„ãã¾ã™ãŒã€æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã£ãŸæ¨ªé•·ã‚¿ã‚¤ãƒ—ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’jQueryã‚’ä½¿ç”¨ã—ã¦ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ æ©Ÿèƒ½ã¨ã—ã¦ã¯ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã§æ¨ªã«ç§»å‹•ã¨ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã§æŒ‡å®šä½ç½®ã¾ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’ã‚„ã£ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2011å¹´07æœˆ21æ—¥ æ›´æ–°æ—¥2011å¹´07æœˆ21æ—¥ html+css htmlã¯ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚ã‚‹ãƒªã‚¹ãƒˆã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å…¥ã‚Œã‚‹ãŸã‚ã®divãŒï¼•ã¤ã‚ã‚Šã¾ã™ã€‚ html <div id="contents"> <ul id="nav"> <li><a href="#s01">01</a></li> <li><a href="#s02">02</a></li> <li><a href="#s03">03</a></li> <li><a
rechiba3 2013/02/14
html

jQuery

Webã‚µã‚¤ãƒˆ

JavaScript

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
liffect - effect for lists
generate effect for lists
rechiba3 2012/12/04
webãƒ‡ã‚¶ã‚¤ãƒ³

JavaScript

CSS

jQuery

CSS3
ãƒªãƒ³ã‚¯
jQueryã‚ˆã‚Š20å€é€Ÿã„ï¼æœ€å¼·ãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªTweenMaxJS | DECONCEPTER
Flashç•Œæœ€å¼·ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¸€è§’ jQuery animateã‚ˆã‚Šã‚‚åœ§å€’çš„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€‚Flashã®æœ€å¼·ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªTweenMaxã€‚JavaScriptç‰ˆãŒã‚ã‚‹ã®ã¯ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ã€‚ TimlineMax/Lite TweenMax/Liteã®4ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªç¾¤ã®ç·ç§°ã§GSAP JSã¨ã„ã†ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸æ§‹æˆã§ã™ã€‚â€»è¦ãƒ©ã‚¤ã‚»ãƒ³ã‚¹æ³¨æ„ï¼ˆå¾Œè¿°ï¼‰ ã¾ãšã¯ãã®åœ§å€’çš„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’ä½“æ„Ÿã—ã¦ãã ã•ã„ã€‚ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã‹ã‚‰ä¸»è¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’é¸ã‚“ã§ã€STARTã‚’æŠ¼ã™ã¨å³ä¸‹ã®fpsã®æ•°å€¤ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ GreenSock Animation Speed Test è±Šå¯Œãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ GSAP JSã®ä¸»è¦ãªæ©Ÿèƒ½ã¨ã—ã¦ä¸‹è¨˜ã®ç‰©ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã©ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚µã‚¤ãƒˆã‚’ä½œã‚‹ä¸Šã§ã‚‚ã¨ã¦ã‚‚ã™ã”ãé‡å®ã—ãã†ã§ã™ã€‚ ãƒ™ã‚¸ã‚§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ç¹°ã‚Šè¿”ã— é€†å†ç”Ÿ æ™‚é–“æŒ‡å®š ä¸€æ™‚åœæ¢ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ©ãƒ™ãƒ« ã‚†
rechiba3 2012/10/22
jQuery

javascript

ã‚°ãƒ©ãƒ•

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
[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ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryã§jsonãƒ‡ãƒ¼ã‚¿ã‚’æ‰±ã£ã¦ã¿ã‚‹ã€å…¥é–€ç·¨ã€‘
jQueryã§jsonãƒ‡ãƒ¼ã‚¿ã‚’æ‰±ã£ã¦ã¿ã‚‹ã€å…¥é–€ç·¨ã€‘ javascriptã§å¤–éƒ¨ã®Webã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã™ã‚‹ãƒ‡ãƒ¼ã‚¿å½¢å¼ã¯jsonã‚’ä½¿ã†ã“ã¨ãŒåŸºæœ¬ãªã‚ˆã†ã§ã™ã€‚ ä¼¼ãŸã‚ˆã†ãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨ã—ã¦XMLãŒã‚ã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã¯HTMLã¨åŒã˜ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžãªã®ã§ã™ã‚“ãªã‚Šå…¥ã£ã¦ã„ã‘ã‚‹åé¢ã€jsonã¯å°‘ã€…ã‚ã‹ã‚Šãšã‚‰ã„ã¨ã„ã£ãŸå…ˆå…¥è¦³ãŒã‚ã£ãŸã‚Šã™ã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãã“ã§å…¥é–€ç·¨ã¨é¡Œã—ã¦ï¼ˆå…¥é–€ç·¨ã—ã‹ãªã„!ï¼‰æ”¹ã‚ã¦åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ã‘ãŸã‚‰ã¨æ€ã„ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2010å¹´07æœˆ25æ—¥ æ›´æ–°æ—¥2016å¹´04æœˆ26æ—¥ ã¨ã«ã‹ãã‚·ãƒ³ãƒ—ãƒ«ãªjson jsonãƒ‡ãƒ¼ã‚¿ã¯åŸºæœ¬ã¯å¤–éƒ¨ã‹ã‚‰èªã¿è¾¼ã‚€ã“ã¨ã«ãªã‚Šã¾ã™ãŒã€ç·´ç¿’ãªã®ã§ã¨ã‚Šã‚ãˆãšjavascriptå†…ã®å¤‰æ•°å†…ã«ç›´ã«æ›¸ãã¾ã™ã€‚ ã€Œ:ï¼ˆã‚³ãƒãƒ³ï¼‰ã€ã§åŒºåˆ‡ã£ãŸã‚ãƒ¼ã¨å€¤ã‚’ä¸€çµ„ã¨ã—ã¦ã€ï¼’çµ„ç›®ã‚’ã€Œ,ï¼ˆã‚³ãƒ³ãƒžï¼‰ã€ã§åŒºåˆ‡ã£ã¦è¨˜è¿°ã—ã¦ã„ãã¾ã™ã€‚ ãã‚Œã‚‰ã‚’{}ã§å›²ã‚€ã“ã¨ã§ä¸€ã¤ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦æ‰±ã„
rechiba3 2012/10/02
JavaScript

json

jQuery
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã§é›¢è„±ã•ã›ãªã„ãŸã‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³50é¸ï½œdesignaholic -Creative Column-
æœ€è¿‘ã§ã¯ã€ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ æœ€é©åŒ–ï¼ˆEFOï¼‰ã¨ã„ã†æ–½ç–ã‚‚åºƒã¾ã£ã¦ãã¾ã—ãŸãŒã€ç‰¹ã«è³¼å…¥ã‚„ã‚µãƒ³ãƒ—ãƒ«è«‹æ±‚ã€ãŠå•åˆã›ç‰ãŒã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã¯ãƒ•ã‚©ãƒ¼ãƒ ã§é›¢è„±ã•ã‚Œã¦ã—ã¾ã£ã¦ã¯ã›ã£ã‹ãã®åºƒå‘Šã‚„æ–½ç–ãŒæ°´ã®æ³¡ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã“ã“ã§ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’é›¢è„±ã•ã›ãªã„ãŸã‚ã«æ°—ã‚’ã¤ã‘ãŸã„ãƒã‚¤ãƒ³ãƒˆã¨ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ä¾¿åˆ©ãªjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Â ã¾ãšã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ã›ãªã„äº‹ã§ã™ã€‚ã‚¹ãƒˆãƒ¬ã‚¹ã®åŽŸå› ã¨ãªã‚‹ã‚‚ã®ã¯å¤§ããè¨€ã†ã¨ Â å…¥åŠ›ã—ã¥ã‚‰ã„ã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒã‚ã‹ã‚Šã¥ã‚‰ã„ã€ã¨ã„ã£ãŸæ“ä½œã«é–¢ã™ã‚‹ã‚‚ã®ã€‚ ã©ã“ã¾ã§ã‚„ã‚Œã°å®Œäº†ãªã®ã‹ã‚ã‹ãªã„ã€å€‹äººæƒ…å ±ã®æ‰±ã„ãŒå¿ƒé…ã€ã¨ã„ã£ãŸå¿ƒç†çš„ãªã‚‚ã®ã€‚ Â ã§ã™ã€‚ãªã®ã§ã“ã®ç‚¹ã‚’è§£æ¶ˆã•ã›ã¦ã‚ã’ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé›¢è„±ã™ã‚‹å¯èƒ½æ€§ã¯ä¸‹ãŒã‚Šã¾ã™ãã€‚ å…·ä½“çš„ãªãƒã‚¤ãƒ³ãƒˆã¯ä»¥ä¸‹ã®ã‚ˆã†ãªé …ç›®ã«ãªã‚Šã¾ã™ã€‚ Â å¿…é ˆå…¥åŠ›ã‹
rechiba3 2012/03/14
ãƒ•ã‚©ãƒ¼ãƒ

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

jQuery

javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[JS]å¹´è¡¨ã‚„ç¤¾å²ãªã©ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹æ™‚é–“è»¸ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Timelinr
jQuery Timelinr [ad#ad-2] Timelinrã®ãƒ‡ãƒ¢ Timelinrã®å®Ÿè£… Timelinrã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯ã€æ°´å¹³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€åž‚ç›´ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚ªãƒ¼ãƒˆãƒ—ãƒ¬ã‚¤ã®3ç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã‹ã£ã“ã„ã„ã§ã™ãŒã€ãƒ‘ãƒãƒ«è¡¨ç¤ºæ™‚ã®ã‚ºãƒ¼ãƒ ã‚‚ã„ã„ã§ã™ãã€‚ ãƒ‡ãƒ¢ï¼šã‚ªãƒ¼ãƒˆãƒ—ãƒ¬ã‚¤ [ad#ad-2] Timelinrã®å®Ÿè£… HTML æ™‚é–“ã¨ãƒ‘ãƒãƒ«ã‚’ãã‚Œãžã‚Œãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã€divã§å†…åŒ…ã—ã¾ã™ã€‚ ã€Œ#timele, #dates, #issuesã€ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è¨å®šã§ã™ã€‚ <div id="timeline"> <ul id="dates"> <li><a href="#">date1</a></li> <li><a href="#">date2</a></li> </ul> <ul id="issues"> <li id="date1"> <p>Lorem ipsum.
rechiba3 2012/02/28
JavaScript

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

webåˆ¶ä½œ

jQuery
ãƒªãƒ³ã‚¯
HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œturn.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
turn.js - The page flip effect for HTML5 HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œturn.jsã€ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ã¹ã‚‰ã£ã¨ã‚ãã‚‹ã‚ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒHTML5ã§å®Ÿç¾ã§ãã€iPadã‚„iPhoneãªã©ã§ã‚‚å‹•ä½œã—ã¾ã™ã€‚ é›»åæ›¸ç±ãƒ“ãƒ¥ãƒ¼ã‚¢ã¨ã—ã¦ä½¿ãˆãã†ã§ã™ã ãƒšãƒ¼ã‚¸ã«ç«‹ä½“æ„Ÿã‚’å‡ºã™ãŸã‚ã«å½±ãªã‚“ã‹ã‚‚æç”»ã•ã‚Œã¦ã¾ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„åˆæœŸåŒ–ã‚‚è¶…ç°¡å˜ã§ã™ã€‚<div>ã‚’ä¸¦ã¹ã¦åˆæœŸåŒ–ã™ã‚‹ã ã‘ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã§è¶…ãƒªã‚¢ãƒ«ãªãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã‚µãƒ³ãƒ—ãƒ« ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®HTML5å¯¾å¿œçŠ¶æ³ãŒä¸€ç›®çžç„¶ã®ã€ŒMobile HTML5ã€ HTML5/JavaScriptã§ãƒ†ã‚ã‚¹ãƒˆtoã‚¹ãƒ”ãƒ¼ãƒã‚’å®Ÿç¾ã§ãã‚‹ã€Œspeak.jsã€
rechiba3 2012/02/09
html5

jquery

webåˆ¶ä½œ

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

javascript
ãƒªãƒ³ã‚¯
jQuery illuminate
Posted in Tutorials on May 30, 2011 | 1156 Views earnings $0.97 jQuery Illuminate is a plug-in that will allow you to add an Illuminate effect on any element on your webpage, this particularly works well with buttons. Be sure to check out how to use this plug-in below. Additionally, you can check out the github repo for this project here: https://github.com/tnylea/jquery-illuminate How to use Incl
rechiba3 2011/12/13
jQuery

ajax

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

JavaScript
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã£ãŸã€ãƒ©ãƒ³ãƒ€ãƒ ç”»åƒã§æ§˜ã€…ãªã‚·ãƒ£ãƒƒãƒ•ãƒ«æ¼”å‡ºåŠ¹æžœã®ã‚ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
rechiba3 2011/12/13
JavaScript

jQuery

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

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€ŒãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQueryå…¥é–€ã€ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå‡„ãåˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã - ã‹ã¡ã³ã¨.net
Twitterã«æµã‚Œã¦ããŸã‚¹ãƒ©ã‚¤ãƒ‰ãŒã¨ã£ã¦ã‚‚ åˆ†ã‹ã‚Šã‚„ã™ã‹ã£ãŸã®ã§ãƒ–ãƒã‚°ã§ã‚ˆã‚Šå¤šã ã®æ–¹ã«æ‹¡æ•£ã€‚ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘ã® jQueryã®åŸºæœ¬è¬›åº§ã€‚ã“ã‚Œã‹ã‚‰jQuery ã‚’ä½¿ãŠã†ã€ã¨ã„ã†æ–¹ã¯èªã‚“ã§ãŠãã¨è‰¯ã• ãã†ã§ã™ãã€‚ ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘ã«jQueryã®åŸºç¤Žã‚’ã‚¹ãƒ©ã‚¤ãƒ‰åŒ–ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ @pocotan001ã•ã‚“ä½œã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’è¦‹ãªãŒã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã€ã¨ã„ã†ã‚ˆã‚Šã€åŸºç¤ŽçŸ¥è˜ã‚’é ã«å…¥ã‚Œã‚‹ã®ã«é©ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã ã¨æ€ã„ã¾ã™ã®ã§æ°—è»½ã«ã”è¦§ã«ãªã£ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ãƒãƒ¼ãƒ‰ãƒ«ãŒã‹ãªã‚Šä¸‹ãŒã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å½“ãƒ–ãƒã‚°ã§ã‚‚jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç‰ã®æƒ…å ±ã‚’å–ã‚Šã‚ãˆã’ã¦ã„ã¾ã™ã®ã§åˆã‚ã›ã¦ã©ã†ãžã€‚ jQueryã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆã¨å…¥é–€æ›¸ç± [2011.09.21ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ] ã‚ˆãã‚¢ã‚¯ã‚»ã‚¹ã„ãŸã ãã®ã§ãƒãƒ–çš„ãªå½¹å‰²ãã‚‰ã„ã¯æžœãŸãã†ã¨æ€ã„ã¾ã™ã€‚ jquery / jQueryã®æœ¬å®¶ã§ã™ã€‚ jQuer
rechiba3 2011/09/04
ã‚ã¨ã§èªã‚€

jquery

jQuery

javascript

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®selectè¦ç´ å†…ã‚’ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹æ¤œç´¢å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã€ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¤‰æ›´ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Chosen - ã‹ã¡ã³ã¨.net
çµæ§‹ä¾¿åˆ©ãã†ã ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ãƒ•ã‚©ãƒ¼ãƒ ã® selectè¦ç´ å†…ã«ç¾…åˆ—ã•ã‚ŒãŸoptionã‹ã‚‰ã€å…¥åŠ› ã™ã‚‹ã ã‘ã§çµæžœã‚’è¡¨ç¤ºã™ã‚‹ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹æ¤œç´¢ ã‚’å¯èƒ½ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»Chosenã§ã™ã€‚è¡¨é¡Œ ã«ã¯jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨æ›¸ãã¾ã—ãŸãŒã€ã“ã® ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã¯jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨prototype ã®2ã¤ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ optionã®é‡ãŒå¤šããªã£ã¦ã—ã¾ã†ã“ã¨ã¯ã‚ˆãã‚ã‚‹ã®ã§ã€ã“ã®æ‰‹ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šç³»ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¤šãå˜åœ¨ã—ã¾ã™ãŒã€ã“ã‚Œã¯ã‹ãªã‚Šä¾¿åˆ©ã§ã¯ãªã„ã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ä¼¼ãŸã‚ˆã†ãªã®ã‚‚ã†ã‚ã‚‹ã‚“ã§ã™ã‹ãã€‚ é€šå¸¸ã®selectãƒœãƒƒã‚¯ã‚¹ã§ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã•ã›ã‚‹ã¨æ¤œç´¢çª“ã‚‚è¡¨ç¤ºã€ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’å…¥ã‚Œã‚‹ã ã‘ã§ã‚½ãƒ¼ãƒˆã—ã¦ãã‚Œã¾ã™ã€‚ã„ã‚ã‚†ã‚‹ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹æ¤œç´¢ãŒå¯èƒ½ã«ãªã‚‹ã®ã§å¤§é‡ã®optionãŒå˜åœ¨ã—ã¦ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®åˆ©ä¾¿æ€§ã‚’å…¨ãæãªã„ã¾ã›ã‚“ã€‚ ãƒ‡ãƒ¢è¦‹ãŸã»ã†ãŒæ—©ã„ã§ã™ãã€‚â€»è¿½è¨˜ï¼šæ—¥æœ¬èªžã ã¨Firefoxã®ã¿å‹•ã‹ãªã„ã¿ãŸã„ã€‚è‹±
rechiba3 2011/07/19
jquery

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

ãƒ•ã‚©ãƒ¼ãƒ

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

webåˆ¶ä½œ

javascript
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹å¼·åŠ›ãª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åˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒœã‚¿ãƒ³ç‰ã‚’å…‰ã‚‰ã›ã¦ç›®ç«‹ãŸã›ã€åˆ†ã‚Šæ˜“ãã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery illuminateã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒœã‚¿ãƒ³ç‰ã‚’å…‰ã‚‰ã›ã¦ç›®ç«‹ãŸã›ã€åˆ†ã‚Šæ˜“ãã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery illuminateã€ 2011å¹´06æœˆ02æ—¥- jQuery illuminate - Tony Lea ãƒœã‚¿ãƒ³ç‰ã‚’å…‰ã‚‰ã›ã¦ç›®ç«‹ãŸã›ã€åˆ†ã‚Šæ˜“ãã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery illuminateã€ã€‚ ã‚ã‚“ã¾ã‚Šã‚®ãƒ©ã‚®ãƒ©ã™ã‚‹ã®ã¯ãƒã‚«ãƒã‚«ã—ã¦ã†ã£ã¨ã†ã—ã„ã‚‚ã®ã«ãªã£ã¦ã—ã¾ã„ãã†ã§ã™ãŒã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§å®Ÿè£…ã™ã‚Œã°ã€ã¾ã‚‹ã§ã‚¤ãƒ«ãƒŸãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ã«ç©ã‚„ã‹ã«å…‰ã‚‰ã›ã‚‰ã‚Œã‚‹ã®ã§ã€æ³¨ç›®ã‚’é›†ã‚ãŸã„ã‚ˆã†ãªéƒ¨åˆ†ã«é©ç”¨ã™ã‚‹ã¨ä½¿ã„å‹æ‰‹ã®å‘ä¸Šã«ã¤ãªãŒã‚‹ã®ã‹ã‚‚ã€‚ å‹•ä½œãƒ ãƒ¼ãƒ“ãƒ¼ã¯ä»¥ä¸‹ã‚’å‚ç…§ã—ã¦ã¿ã¦ãã ã•ã„ã€‚å®Ÿéš›ã«ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã¦ã¿ãŸã„æ–¹ã¯ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã€å¿…è¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚“ã å¾Œã€$('#button').illuminate(); ã ã‘ã§å‡ºæ¥ã¡ã‚ƒã„ã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§å¼·ã•ã‚„ã€ã‚¹
rechiba3 2011/06/02
jQuery

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

JavaScript
ãƒªãƒ³ã‚¯
[JS]ç”»åƒã«ãƒ¬ãƒˆãƒèª¿ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒvintageJSã€ | Webæ´»ãƒ¡ãƒ¢å¸³
ä¸€çž¬ã§ç”»åƒã‚’instagr.amé¢¨ã«ã™ã‚‹äº‹ãŒå¯èƒ½ã§ã™ã€‚ ã‚µã‚¤ãƒˆã‚’è¨ªã‚Œã‚‹ã¨ãƒ‡ãƒ¢ãŒã‚ã‚Šã€è‡ªç”±ã«ç”»åƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦è©¦ã™äº‹ãŒã§ãã¾ã™ã€‚ ä½¿ã£ã¦ã¿ãŸæ§˜å â†‘å…ƒå†™çœŸ â†‘ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå¾Œã€‚ã“ã‚ŒãŒJSã ã‘ã§å‡¦ç†ã§ãã‚‹ã®ãŒã™ã”ã„ã€‚ ä½¿ã„æ–¹ githubã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã€JSã¨CSSã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <scriptÂ src="src/jquery.js"></script> <scriptÂ src="src/vintage.js"></script> <linkÂ rel="stylesheet"Â type="text/css" href="css/vintagejs.css"Â media="all"Â /> ãã®å¾Œã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’é©ç”¨ã—ãŸã„ç”»åƒã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã™ã€‚ $(function () { $('img.vintage').click(function () { $(this).vintage(
rechiba3 2011/05/18
jQuery

ç”»åƒ

javascript
ãƒªãƒ³ã‚¯
HTML5ã‚„CSSã€jQueryãªã©ã€Webåˆ¶ä½œã«é–¢ã™ã‚‹æ—¥æœ¬èªžã‚¹ãƒ©ã‚¤ãƒ‰ã‚’é›†ç´„ã—ãŸSlideFinderãŒä¾¿åˆ©ã£ã½ã„ - ã‹ã¡ã³ã¨.net
çµæ§‹ä¾¿åˆ©ã ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã€‚Webåˆ¶ä½œ ã«é–¢ã™ã‚‹æ—¥æœ¬èªžã‚¹ãƒ©ã‚¤ãƒ‰ã‚’é›†ç´„ã—ã¦ã„ã‚‹ ãƒ•ã‚©ãƒãƒ¯ãƒ¼ã•ã‚“ä½œã®Webã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ è©±é¡Œã®HTML5ã‚„CSSã€iPhoneã®äº‹ã‚„ jQueryã‹ã‚‰PHPã‚„Rubyã¨å¹…åºƒãã‚µãƒãƒ¼ãƒˆ ã—ã¦ã‚ã‚Šã¾ã™ã€‚ äººæ°—ã®ã‚¹ãƒ©ã‚¤ãƒ‰å…±æœ‰ã‚µã‚¤ãƒˆã€SlideShareã§æ—¥æœ¬èªžã®ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã¿ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ãã®å ´ã§Lightboxé¢¨ã«ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦è¦‹ã‚Œã¾ã™ã€‚è‹±èªžãŒè‹¦æ‰‹ãªæ–¹ã‚‚æŽ¢ã™æ‰‹é–“ãŒçœã‘ã‚‹ã®ã§ã¯ã€‚ @deeekiã•ã‚“ä½œã®Webã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã€Œç¬¬2å›ž é–‹ç™ºã‚³ãƒ³ãƒ†ã‚¹ãƒˆ24ã€ã«å¿œå‹Ÿã™ã‚‹äºˆå®šã ã£ãŸã‚ˆã†ã§ã€æ•°æ™‚é–“ã§ä½œæˆã•ã‚ŒãŸã¿ãŸã„ã§è¦‹ãŸç›®ã¯ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãã€‚ ã‚«ãƒ†ã‚´ãƒªã‚‚HTML5ã‚„jQueryã€PHPã‚„iPhoneã€WordPressãªã©å¤šå²ã«ã‚ãŸã‚Šã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã®ã§å…¨Webå±‹ã•ã‚“å‘ã‘ã¨è¨€ãˆãã†ã§ã™ã€‚ æ—¥æœ¬èªžã®ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã¿ã‚’é›†ç´„ é›†ã‚ã‚‰ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ‰ã¯å…¨
rechiba3 2011/05/18
Web

jquery

html

html5

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

JavaScript
ãƒªãƒ³ã‚¯
ã‚ãšã‹8KBã§ç›´æ„Ÿçš„ã«CanvasãŒä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjCanvasã€ | Webæ´»ãƒ¡ãƒ¢å¸³
å††ã‚’æ›¸ã â†‘drawArcãƒ¡ã‚½ãƒƒãƒ‰ã§å††ã‚’æ›¸ãäº‹ãŒã§ãã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³å¼•æ•°ã§åº§æ¨™ä½ç½®ã¨ã‚µã‚¤ã‚ºã€è‰²ãªã©ã‚’æŒ‡å®šã—ã¾ã™ã€‚ $("canvas.test").drawArc({ fillStyle: "black", x: 100, y: 100 }); çŸå½¢ã‚’æ›¸ã„ã¦å›žè»¢ã•ã›ã‚‹ â†‘rotateCanvasã§å›žè»¢è»¸ã®åº§æ¥ã¨è§’åº¦ã‚’æŒ‡å®šã—ã¾ã™ã€‚ $("canvas.test").rotateCanvas({ angle: 45, x: 100, y: 100 }) .drawRect({ fillStyle: "#000", x: 100, y: 100, width: 100, height: 50 }) .restoreCanvas(); ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ â†‘gradientãƒ¡ã‚½ãƒƒãƒ‰ã§ã‚°ãƒ©ãƒ¼ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã—ã€ æç”»ã™ã‚‹éš›ã«æŒ‡å®šã™ã‚‹ã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ var lin
rechiba3 2011/05/18
jquery

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

javascript

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