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

beth321 id:beth321

jQueryã¨Articleã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

[JS]ã‚¯ãƒ«ãƒžã®ãƒ¡ãƒ¼ã‚¿ãƒ¼ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„ã€ã‚²ãƒ¼ã‚¸ãŒå¤‰åŒ–ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Gauge.js
ä½¿ã†ã‚·ãƒ¼ãƒ³ã¯é™ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã‚ˆã‹ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ ã‚²ãƒ¼ã‚¸ã¨æ•°å—ãŒé€£å‹•ã—ã¦ã€ã‚¯ãƒ«ãƒžã®ãƒ¡ãƒ¼ã‚¿ãƒ¼ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ Gauge.js -GitHub Gauge.jsã®ç‰¹å¾´ Gauge.jsã®ãƒ‡ãƒ¢ Gauge.jsã®ä½¿ã„æ–¹ Gauge.jsã®ç‰¹å¾´ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚²ãƒ¼ã‚¸ãŒå¤‰åŒ–ã—ã¾ã™ã€‚ HTML5 Canvasã‚’ä½¿ã£ã¦JavaScript/CoffeScriptã§ä½œæˆã€‚ ç”»åƒã‚„å¤–éƒ¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã¯ç„¡ã—ã€‚ jQueryã¯ã‚µãƒãƒ¼ãƒˆã—ã¦ã¾ã™ãŒã€ç‰¹ã«å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ ã•ã¾ã–ã¾ãªè¨å®šãŒå¯èƒ½ã€‚ MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Chrome Safari 3.2+ Firefox 3.5+ IE 9 Opera 10.6+ Mobile Safari (iOS 3.2+) Android 2.3+ Gauge.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯å³ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã¨ã€ç›´ã¡ã«
beth321 2013/12/12
javascript

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

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

jQuery

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

js

Article

plugin

*Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[JS]æŒ‡å®šã—ãŸè¦ç´ ã‚’æŠ½å‡ºã—ã¦ã€è‡ªå‹•ã§ãƒšãƒ¼ã‚¸å†…ã‚¢ãƒ³ã‚«ãƒ¼ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¨ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -MagicNav.js
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŠ½å‡º ãƒšãƒ¼ã‚¸å†…ã®ç§»å‹•ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ã€‚ MagicNav.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="magicnav.js"></script> Step 2: HTML ãƒ‡ãƒ¢ã§ã¯dlè¦ç´ ã§FAQãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ dl, ulãªã©ã«é™ã‚‰ãšã€hxã®è¦‹å‡ºã—ãªã©ã§ã‚‚æ§‹ã„ã¾ã›ã‚“ã€‚ <h3>FAQ</h3> <dl> <div id="commercial" title="commercial"><dt><strong>ã‚ˆãã‚ã‚‹è³ªå•</strong></dt> <dd><p>å›žç”</p></dd
beth321 2013/11/28
jquery

js

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

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

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

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

Ajax

JavaScript

Article
ãƒªãƒ³ã‚¯
[JS]ã‚¨ã‚¤ãƒ—ãƒªãƒ«ãƒ•ãƒ¼ãƒ«ç”¨ã®ãƒã‚¿ã‚’ã‚ãªãŸã®ãƒ–ãƒã‚°ã«ä»•è¾¼ã‚€ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Fool.js
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’é€†ã•ã¾ã«ã—ãŸã‚Šã€å‚¾ã‘ãŸã‚Šã€ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã«ã—ãŸã‚Šãªã©ã€ã¡ã‚‡ã£ã¨ã—ãŸã‚¤ã‚¿ã‚ºãƒ©ã‚’ãƒ–ãƒã‚°ãªã©ã«ä»•è¾¼ã‚€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Fool.jsã®ã€ŒPranksã€ã«ã‚¤ã‚¿ã‚ºãƒ©ã®ä¸€è¦§ãŒã‚ã‚Šã¾ã™ Pranksã®å„ã‚¢ã‚¤ãƒ†ãƒ ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€æ¬¡ã®ã‚¤ã‚¿ã‚ºãƒ©ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ fallingScrollbar ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®æ¶ˆå¤± rick ãƒªãƒƒã‚¯ãƒ»ã‚¢ã‚¹ãƒˆãƒªãƒ¼ã®å‹•ç”»ã‚’ã‚¹ã‚¯ãƒªãƒ¼ãƒ³å¤–ã§å†ç”Ÿ hiddenVideos æ„å‘³ä¸æ˜Žãªå‹•ç”»ã‚’å†ç”Ÿ vanishingElements ä»»æ„ã®è¦ç´ ã‚’æ¶ˆå¤± questionTime ç±³ã®ã‚¢ãƒ‹ãƒ¡ã‚¹ãƒãƒ³ã‚¸ãƒ»ãƒœãƒ–ã®ãƒ†ãƒ¼ãƒžã‚½ãƒ³ã‚°ã‚’æŒã† upsideDown ãƒšãƒ¼ã‚¸è¡¨ç¤ºã‚’é€†ã•ã¾ã« h4xx0r ãƒšãƒ¼ã‚¸ã‚’ç·¨é›†å¯èƒ½ã« wonky ãƒšãƒ¼ã‚¸ã‚’å‚¾ã‘ã‚‹ flash ãƒšãƒ¼ã‚¸ã‚’ãƒã‚«ãƒã‚«è¡¨ç¤º crashAndBurn ã‚¨ãƒ³ãƒ‰ãƒ¬ã‚¹ãªãƒ«ãƒ¼ãƒ—ã‚’å®Ÿè¡Œ â€»ãƒ–ãƒ©ã‚¦ã‚¶ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã£ã½ã„ã‘ã©ã€å®Ÿè¡Œã—ãªã„ã‚ˆã†
beth321 2013/09/13
()

ãƒã‚¿

ã‚¨ã‚¤ãƒ—ãƒªãƒ«ãƒ•ãƒ¼ãƒ«

JavaScript

ãƒã‚¿

jQuery

jquery plugin

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

ã‚ã¨ã§ã¿ã‚‹

Article
ãƒªãƒ³ã‚¯
Facebooké¢¨ã®ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒä½œã‚Œã‚‹infinite scrollï½œã“ã†ã‚ã®â€œã“ã‚Œã‹ã‚‰ä½¿ãˆã‚‹â€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
åœ§å€’çš„ãªäººæ°—ã‚’èª‡ã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ŒjQueryã€ã€‚ã‚µã‚¤ãƒˆã«åŠ¹æžœã‚’ã‚ãŸãˆã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå¤šæ•°ã‚ã‚‹ã“ã¨ãŒé…åŠ›ã§ã™ãŒã€ãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æŽ¢ã™ã“ã¨ãŒWebåˆ¶ä½œè€…ã®æ‰‹é–“ã«ãªã£ã¦ã„ã¾ã™ã€‚æœ¬é€£è¼‰ã§ã¯ã€ã€Œã“ã†ã‚ã€ã•ã‚“ã“ã¨å¤§ç«¹å”æ˜Žã•ã‚“ãŒãŠã™ã™ã‚ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨å®Ÿè£…æ–¹æ³•ã€å®Ÿè£…ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ï¼ˆç·¨é›†éƒ¨ï¼‰ ã€Œinfinite scrollã€ã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã¾ã§ç§»å‹•ã™ã‚‹ã¨ã€æ¬¡ã®ãƒšãƒ¼ã‚¸ã‚’è‡ªå‹•çš„ã«èªã¿è¾¼ã‚“ã§è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã‚¤ãƒ³ãƒ•ã‚£ãƒ‹ãƒ†ã‚£ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã„ã†æ©Ÿèƒ½ã§Twitterã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚„ã€Facebookã®ãƒ•ã‚£ãƒ¼ãƒ‰ã§ã‚‚æŽ¡ç”¨ã•ã‚Œã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ‰‹å‹•ã§ãƒšãƒ¼ã‚¸é€ã‚Šã™ã‚‹æ‰‹é–“ã‚’è»½æ¸›ã—ã¾ã™ã€‚ WordPressã®ãƒ–ãƒã‚°è¨˜äº‹ã‚„ã€ECã‚µã‚¤ãƒˆã®å•†å“ãƒšãƒ¼ã‚¸ã€ã¾ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆãªã©ã§åŠ¹æžœçš„ãªè¡¨ç¾ã«ãªã‚Šãã†ã§ã™ãã€‚ step1 jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®èªã¿è¾¼ã¿ jQueryæœ¬ä½“ã‚’jQuery
beth321 2013/08/24
()

jQuery

jQuery

Webåˆ¶ä½œ

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

javascript

Article

MyInterest

tech scroll

jquery plugin
ãƒªãƒ³ã‚¯
[JS]ãƒšãƒ¼ã‚¸å†…ã‚¢ãƒ³ã‚«ãƒ¼ã‚’idã ã‘ã§ãªãclassã‚„è¦ç´ ã«ã‚‚æŒ‡å®šã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Arbitrary anchors
é€šå¸¸ã®ãƒãƒƒã‚·ãƒ¥ãƒªãƒ³ã‚¯ã¨é•ã„ã€#ã®ã™ãå¾Œã«ã€Œ.ã€ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ã€ãã®classã‚’ã‚‚ã£ãŸæœ€åˆã®è¦ç´ ã«ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€å³ç«¯ã®ã€Œ#.helloï½œ5000ã€ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é€Ÿåº¦ã‚’è¨å®šã—ã¦ã„ã¾ã™ã€‚ ãƒªãƒ³ã‚¯ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã•ã¾ã–ã¾ãªã‚‚ã®ãŒã‚ã‚Šã€å„æ‰€ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Arbitrary anchorsã®ä½¿ã„æ–¹ å®Ÿè£…ã¯ç°¡å˜ã§ã€classã®ãƒªãƒ³ã‚¯ã‚„ã‚¹ãƒ”ãƒ¼ãƒ‰èª¿æ•´ã ã‘ã§ãªãã€é€šå¸¸ã®ãƒãƒƒã‚·ãƒ¥ãƒªãƒ³ã‚¯ã§ã‚‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« headå†…ã«ã€jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script type="text/javascript" src="//code.jquery.com/jquery-2.0.3.min.js"></script> <script type="text/javascript
beth321 2013/08/19
*jQuery

jQuery

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

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

tech scroll

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

js lib

ã‚¢ãƒ³ã‚«ãƒ¼ãƒªãƒ³ã‚¯

Article
ãƒªãƒ³ã‚¯
[JS]ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã®åˆ©ç”¨ã‚’å‰æã«ä½œã‚‰ã‚ŒãŸã‚¿ãƒ–ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Tabby
Demo: åž‚ç›´åž‹ã®ã‚¿ãƒ– ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚„ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ã®åºƒã„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§ã¯åž‚ç›´åž‹ã§å³å´ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã€å°ã•ã„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§ã¯æ°´å¹³åž‹ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Tabbyã®ä½¿ã„æ–¹ ã‚¹ãƒ†ãƒƒãƒ—ã¯2ã¤ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨jQueryã‚’bodyã®ä¸‹ã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="tabby.css" type="text/css"> </head> <body> ... <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> <script src="tabby.js"></script> </body> Step 2: HTML HTMLã¯ãƒ‡ãƒ¢ã‚’ãƒ™ãƒ¼ã‚¹ã«ç´¹ä»‹ã—ã¾ã™ã€‚ Demo: ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ã‚¿ã‚¤ãƒ—
beth321 2013/07/01
jQuery

Must

javascript

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

Plugin

webdesign

js lib

ã‚ã¨ã§ã¿ã‚‹

UI tab

Article
ãƒªãƒ³ã‚¯
Sinatra ã£ã½ãç°¡å˜ã« JS ã§ Dispatch ã§ãã‚‹ micro_dispatcher.js ã®ã”ç´¹ä»‹ - tokuhirom's blog
Sinatra ã£ã½ãç°¡å˜ã« JS ã§ Dispatch ã§ãã‚‹ micro_dispatcher.js ã®ã”ç´¹ä»‹ https://github.com/tokuhirom/micro_dispatcher.js javascript ç”¨ã®ã‚·ãƒ³ãƒ—ãƒ«ãª Dispatcher ã«ã¯ã„ãã¤ã‹ã‚ã‚‹ãŒã€ã©ã†ã‚‚æº€è¶³ã„ãã‚·ãƒ³ãƒ—ãƒ«ãªå®Ÿè£…ãŒãªã‹ã£ãŸã®ã§ã¤ãã£ãŸ(ã¨ã„ã†ã‹ Caym ã¨ã„ã†ã‚ªãƒ¬ã‚ªãƒ¬ JS Framework ã®ä¸ã«ã†ã¾ã£ã¦ã„ãŸã‚‚ã®ã‚’ã¨ã‚Šã ã—ãŸ)ã€‚ ç‰¹å¾´ã¨ã—ã¦ã¯ã€ Dispatcher ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªå®Ÿè£…(æœ¬ä½“ã¯ã‚„ã‚„å†—é•·ã«ã‹ã„ã¦ã„ã¦ã€40è¡Œç¨‹åº¦) sinatra çš„ãªã‚·ãƒ³ãƒ—ãƒ«ãªè¨˜æ³• ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ ä½¿ã„æ–¹ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ var dispatcher = new MicroDispatcher() dispatcher.register('/', function () { })
beth321 2013/01/04
()

jQuery

javascript

Sinatra

library

jquery

js

article

Function

dev
ãƒªãƒ³ã‚¯
jQueryã§ã‚¯ãƒ¼ãƒ«ãªãƒœãƒªãƒ¥ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Creating a Volume Controller with jQuery UI Slider jQueryã§ã‚¯ãƒ¼ãƒ«ãªãƒœãƒªãƒ¥ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ æ¬¡ã®ã‚ˆã†ãªAppleã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒœãƒªãƒ¥ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒœãƒªãƒ¥ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã˜ã‚ƒãªãã¦ã‚‚ã“ã®ä½œã‚Šæ–¹ã‚’è¦šãˆã¦ãŠã‘ã°ã€ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ãªã‚Šã€ï¼‘ã€œï¼‘ï¼ï¼ã®ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿èª¿æ•´ãªã‚Šå¿œç”¨ãŒåŠ¹ããã†ã§ã™ã€‚ ç”»åƒã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã®é«˜ã„ç‰©ã‚’ä½œã£ã¦ã„ã‚‹ã®ã§æ€ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¯ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šãã†ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ãƒ›ã‚¤ãƒ¼ãƒ«ã‚‚åŠ¹ã„ã¦è¶…ã„ã„æ„Ÿã˜ã®ã‚«ãƒ«ãƒ¼ã‚»ãƒ«å®Ÿè£…jQueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« Googleãƒžãƒƒãƒ—é–¢é€£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
beth321 2012/08/01
jQuery

ç”»åƒ

jquery

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

jquery

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

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

slider

Article

_hwit
ãƒªãƒ³ã‚¯
å††å½¢ã®å†Šåãƒšãƒ¼ã‚¸ã‚’ã‚ãã‚‹é¢¨æ©Ÿèƒ½ã‚’CSS3ã¨jQueryã§å®Ÿç¾ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
3D Flipping Circle with CSS3 and jQuery | Codrops å††å½¢ã®å†Šåãƒšãƒ¼ã‚¸ã‚’ã‚ãã‚‹é¢¨æ©Ÿèƒ½ã‚’CSS3ã¨jQueryã§å®Ÿç¾ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ãƒšãƒ¼ã‚¸ã‚ãã‚Šã¨ã„ãˆã°å››è§’ãŒä¸€èˆ¬çš„ã§ã™ãŒã€æ¬¡ã®ã‚ˆã†ã«ä¸¸ã„å†Šåã‚’ã‚ãã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæ–¬æ–°ã§ã™ ãƒšãƒ¼ã‚¸ã‚’ã‚ãã‚‹éš›ã®å½±ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã‚“ã‹ã‚‚çµæ§‹ãƒªã‚¢ãƒ«ã«å†ç¾ã•ã‚Œã¦ã„ã¾ã™ ã‚ãã£ãŸæ‰€ã€‚ ãŸã å››è§’ã„ãƒšãƒ¼ã‚¸ã‚ãã‚Šã‚ˆã‚Šã‚‚ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒã‚ã‚Šã¾ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œturn.jsã€ ãƒšãƒ¼ã‚¸ã‚ãã‚Šã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³é›† ãƒšãƒ¼ã‚¸ã‚ãã‚ŠãŒã§ãã‚‹Instgramã®WEBãƒžã‚¬ã‚¸ãƒ³ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
beth321 2012/07/30
css3

css

jQuery

jQuery

css3

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

js

flip

jquery

Article
ãƒªãƒ³ã‚¯
æ§˜ã€…ãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ã‚‚å¯¾å¿œå¯èƒ½ãªã€ç¾Žã—ã„å¹´è¡¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Timeline - ã‹ã¡ã³ã¨.net
çã—ã„ã®ã§ä¸€å¿œãƒ¡ãƒ¢ã€‚å¹´è¡¨ã‚’ä½œã‚Œã‚‹ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚è¦‹ãŸç›®ã‚‚ ç¶ºéº—ãªã‚“ã§ã™ãŒã€ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆ ã‚„ã€JSONå½¢å¼ã«ã‚‚å¯¾å¿œå‡ºæ¥ã‚‹ã®ã§ ã©ã“ã‹ã§ä½¿ãˆã‚‹ã‹ã‚‚ã€ã¨æ€ã„ã¾ã—ãŸã€‚ æ©Ÿèƒ½ã‚‚ç”³ã—åˆ†ã‚ã‚Šã¾ã›ã‚“ã€‚ å¤šç”¨ã™ã‚‹ã‚ˆã†ãªã‚‚ã®ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆã®æƒ…å ±ã‚’èªã¿è¾¼ã‚€ã®ã¯é¢ç™½ã„ã§ã™ãã€‚ ç¶ºéº—ã§ã™ã€‚ä¸Šã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ä¸‹ã«å¹´è¡¨ãŒã‚ã£ã¦ã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—å½¢å¼ã§ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ãŒå½¢æˆã•ã‚Œã¾ã™ã€‚ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå‹•ãã€ã¨ã„ã†ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã€‚ å¹´è¡¨ã¯ä¼¸ç¸®ã§ãã¾ã™ã®ã§è¦‹é›£ã„ã€ã¨ã„ã†ã‚¹ãƒˆãƒ¬ã‚¹ã‚‚æ„Ÿã˜ã•ã›ã¾ã›ã‚“ã€‚ã¾ãŸã€åºƒãŒã‚‹æ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã‚¹ãƒ ãƒ¼ã‚ºã§æ°—æŒã¡ã„ã„ã§ã™ã€‚ å…¨ç”»é¢ã«ã—ãŸã‚Šã€Googleã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆã‚„JSONå½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚“ã§ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³åŒ–ã™ã‚‹äº‹ã‚‚å¯èƒ½ã¿ãŸã„ã§ã™ã€‚ã“ã®ç‚¹ã¯çµæ§‹ä¾¿åˆ©ã§ã¯ç„¡ã„ã‹ã¨ã€‚ Sample ã‚³ãƒ¼ãƒ‰ <script type='text/javascrip
beth321 2012/03/29
article

.net

jquery

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

javascript

å¹´è¡¨

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

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

Webåˆ¶ä½œ

HTML
ãƒªãƒ³ã‚¯
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ä¸Šéƒ¨ã«å›ºå®šã•ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ä¸Šéƒ¨ã«å›ºå®šã•ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ ã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒã‚´ã®ä¸‹ã«é…ç½®ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ãŒã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³éƒ¨åˆ†ã ã‘ãŒä¸Šéƒ¨ã«å›ºå®šã•ã‚Œã‚‹ã‚ˆã†ãªã‚‚ã®ã‚’jQueryã§ã‚„ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´02æœˆ21æ—¥ æ›´æ–°æ—¥2012å¹´05æœˆ10æ—¥ html & css htmlã§ã™ã€‚ html <h1><a href="#">ã‚¿ã‚¤ãƒˆãƒ«</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> </div> <div id="
beth321 2012/02/21
css

article

css

*jQuery

jQuery

JavaScript

jquery

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
HTML5ã‚µãƒ³ãƒ—ãƒ«é›† | æ ªå¼ä¼šç¤¾ã‚ã‚†ãŸ
ä¼šç¤¾ãƒ–ãƒã‚°ã€Œã‚ã‚†ãŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã€å§‹ã‚ã¾ã—ãŸã€‚ [æ–°ç€æƒ…å ±]ã‚ã‚†ãŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã«ã¦HTML5ã®é–‹ç™ºãƒ„ãƒ¼ãƒ«ã€ŒAdobe Edge Animateã€ã®å…¥é–€è¨˜äº‹ã‚’æŽ²è¼‰ã—ã¾ã—ãŸã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€HTML5ã®APIã‚’åˆ©ç”¨ã—ãŸç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã®å¤šãã¯ã€2010å¹´åº¦ã¾ã§å¼Šç¤¾æŠ€è¡“é¡§å•ã‚’æ‹…å½“ã—ã¦ã„ãŸã ã„ãŸç™½çŸ³æ°ãŒãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ ãƒŠãƒ«ã«å¯„ç¨¿ã—ãŸè¨˜äº‹ã§ä½¿ç”¨ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å…ƒã«ã€å¤šå°‘ã®æ”¹å¤‰ã‚’åŠ ãˆãŸã‚‚ã®ã§ã™ã€‚ã©ã‚Œã‚‚éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã™ãŒã€HTML5ã®å„ æ©Ÿèƒ½ã‚’è©¦ã™ãŸã‚ã®ã¨ã£ã‹ã‹ã‚Šã¨ã—ã¦ã”åˆ©ç”¨é ‚ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ç™½çŸ³æ°ãŒå¯„ç¨¿ã—ãŸè¨˜äº‹ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ã“ã‚Œã‚‰ã®è¨˜äº‹ã¨åˆã‚ã›ã¦ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”åˆ©ç”¨ã«ãªã£ã¦é ‚ãäº‹ã§ã€å„æ©Ÿèƒ½ã®ç†è§£ãŒã‚ˆã‚Šæ·±ã¾ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ è©³è§£! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - æ–°ã‚¿ã‚°&APIç·¨ è©³è§£! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - Webã‚¢ãƒ—ãƒªé–‹ç™ºç·¨ ã‚¢ãƒ—
beth321 2012/02/14
API

html5

Library

html

Article

jQuery

webapi
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
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
beth321 2011/12/07
jquery

jquery mobile

mobile

javascript

jQuery

*ã‚ã¨ã§èªã‚€

jQueryMobile

jQuery

jQuery Mobile

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
http://www.jepija.com/blog/a-clean-calendar-in-css3-jquery/
beth321 2011/11/16
jQuery

css3

css

download

jquery

IT

platform

links

article

animation
ãƒªãƒ³ã‚¯
1