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

suusuke id:suusuke

webã¨jQueryã«é–¢ã™ã‚‹suusukeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã«å…¥ã‚Œã‚‹ã¨ä½¿ã„ã‚„ã™ããªã‚‹ï¼ãŠã™ã™ã‚jQuery4é¸ï¼ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã©ã†ã‚‚ã€ã¯ã‚„ã¡ã§ã™_(:3ã€âˆ )_ ã‚¹ãƒžãƒ›ã«ä½¿ã†ã¨ã‚ˆã‚Šã‚µã‚¤ãƒˆãŒè¦‹ã‚„ã™ããªã‚‹jQueryã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¿ãŸãé–‹é–‰å¼ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jsã§ã™ã€‚ è¨˜äº‹ã®å¤šã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¾ã¨ã‚ã‚‹ã®ã«ä¾¿åˆ©ã§ã™ãã€‚ â– å‹•ãã‚’ã¿ã‚‹ HTML <dl class="acordion"> <dt class="trigger">ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼<span class="open-close">open</span></dt> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ</dd> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ</dd> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚
suusuke 2012/09/21
jquery

web

HTML

iPhone
ãƒªãƒ³ã‚¯
ç¶ºéº—ãªUIã®ã‚µã‚¤ãƒˆãŒã‚µã‚¯ã‚µã‚¯çµ„ã‚ã‚‹Twitter Bootstrapã‚’ä½¿ã£ãŸjQuery UIãƒ†ãƒ¼ãƒžã€ŒjQuery UI Bootstrapã€:phpspoté–‹ç™ºæ—¥èªŒ
ç¶ºéº—ãªUIã®ã‚µã‚¤ãƒˆãŒã‚µã‚¯ã‚µã‚¯çµ„ã‚ã‚‹Twitter Bootstrapã‚’ä½¿ã£ãŸjQuery UIãƒ†ãƒ¼ãƒžã€ŒjQuery UI Bootstrapã€ 2012å¹´01æœˆ10æ—¥- jQuery UI Bootstrap ç¶ºéº—ãªUIã®ã‚µã‚¤ãƒˆãŒã‚µã‚¯ã‚µã‚¯çµ„ã‚ã‚‹Twitter Bootstrapã‚’ä½¿ã£ãŸjQuery UIãƒ†ãƒ¼ãƒžã€ŒjQuery UI Bootstrapã€ Twitter Bootstrapã§ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ã¾ã‚Šå‡ºæ¥ãšã¨ã‚‚Twitteré¢¨ã®ç¶ºéº—ãªUIãŒä½œã‚Œã‚‹äº‹ã§è©±é¡Œã‚’é›†ã‚ã¾ã—ãŸãŒã€jQuery UIã«Twitter Bootstrapã®CSSã§ã‚’ã‚ã¦ã¯ã‚ãŸç‰©ãŒå‡ºãŸã‚ˆã†ã§ã™ã€‚ Twitter Bootstrapã®ãƒ¡ãƒªãƒƒãƒˆã‚’äº«å—ã—ã¤ã¤jQuery UIã‚‚ä½¿ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ï¼‘ãƒšãƒ¼ã‚¸ã«jQuery UIã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒé…ç½®ã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ï¼‘ãƒšãƒ¼ã‚¸ã«ã‚ã‚‹ã“ã¨ã§ã€å‰Šã£ãŸã‚Šåˆ‡ã‚Šè²¼ã‚Šã™ã‚‹ã“ã¨ã§ãƒ‡ã‚¶
suusuke 2012/01/11
jquery

ui

web

twitter
ãƒªãƒ³ã‚¯
Flashã¿ãŸã„ãªãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒTextFXã€:phpspoté–‹ç™ºæ—¥èªŒ
JavaScript - TextFX - A jQuery Text Animation Tool - CodeCanyon Flashã¿ãŸã„ãªãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒTextFXã€ Flashã«ã‚‚ã“ã†ã—ãŸãƒ†ã‚ã‚¹ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆãƒ„ãƒ¼ãƒ«ãŒã‚ã£ãŸæ°—ãŒã—ã¾ã™ãŒã€jQueryã§ã‚‚å‡ºæ¥ã‚‹ã¿ãŸã„ã€‚ ï¼‘ï¼•ã®ã‚³ã‚¢ã¨ãªã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«åŠ ãˆã€ï¼‘ï¼˜ç¨®é¡žã®è¨å®šã€ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã€ã‚¹ãƒ”ãƒ¼ãƒ‰ãªã©ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºè‡ªåœ¨ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ãã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ä»˜ãã§ã€è‡ªç”±è‡ªåœ¨ã‹ã¤ç°¡å˜ã«å‹•ãã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã¾ã™ã€‚ æ³¨æ„ç‚¹ã¨ã—ã¦ã€$5ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚¦ã‚§ã‚¢ã®ã‚ˆã†ã§ã™ãŒï¼‘ã‹ã‚‰ã¤ãã‚‹ã“ã¨ã‚’è€ƒãˆã‚Œã°å®‰ã„ã§ã™ã IEã‚„Safariãªã©ã§ã‚‚äº’æ›æ€§ãŒã‚ã‚‹ã¿ãŸã„ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’ãƒãƒªãƒãƒªã«è‡ªåˆ†å¥½ã¿ã«ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒExtended Progress Barã€ ã‚¹ãƒž
suusuke 2011/07/24
flash

jquery

web
ãƒªãƒ³ã‚¯
æœ€è¿‘ã‚ˆãä½¿ã£ã¦ã‚‹ã€Webåˆ¶ä½œã«å½¹ç«‹ã¤Webã‚µãƒ¼ãƒ“ã‚¹çš„ãªã‚„ã¤
å°‘ã—å‰ã«èžã„ã¦ãã‚ŒãŸæ–¹ãŒã„ãŸã®ã§ã¤ã„ã§ ã«ã‚·ã‚§ã‚¢ã—ã¦ã¿ã¾ã™ã€‚å€‹äººçš„ã«æœ€è¿‘ã‚ˆãå¥½ã‚“ ã§ä½¿ã£ã¦ã„ã‚‹ã€Webåˆ¶ä½œã«å½¹ç«‹ã¤Webã‚µãƒ¼ ãƒ“ã‚¹ã¿ãŸã„ãªã‚‚ã®ã‚’ã”ç´¹ä»‹ã€‚å…¨éƒ¨æ—¢å‡ºã§ çã—ã„ã‚‚ã®ã¯ç„¡ã„ã‚“ã§ã™ã‘ã©ã€ä¸€è¦§ã«ã™ã‚‹ ã®ã‚‚ãŸã¾ã«ã¯ã„ã„ã‹ã‚‚ã§ã™ãã€‚ ã¨ã„ã†ã‚ã‘ã§ã€å ´åˆã«ã‚ˆã£ã¦ã¯èª°å¾—ãªè¨˜äº‹ã§ã™ã‘ã©ã”äº†æ‰¿ä¸‹ã•ã„ã€‚åƒ•ãŒã“ã“æœ€è¿‘ã§ã‚ˆãä½¿ã£ã¦ã‚‹Webãƒ„ãƒ¼ãƒ«ã‚’å¤ã„ã®ã‹ã‚‰æ–°ã—ã„ã®ã¾ã§ã€é †ä¸åŒã§ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ webè¨ˆã€‚ â†’ã€€é»„é‡‘æ¯”ãƒ»ç™½éŠ€æ¯”ã‚’ã‚µã‚¯ã‚µã‚¯è¨ˆç®— è¨ˆç®—ãŒé¢å€’ãªé»„é‡‘æ¯”ã‚„ç™½éŠ€æ¯”ã‚’ã€æ•°å€¤ã‚’å…¥åŠ›ã™ã‚‹ã ã‘ã§ã‚µã‚¯ã‚µã‚¯å‡ºã—ã¦ãã‚Œã¾ã™ã€‚å‹•ä½œã‚‚è»½ãã¦ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§ã™ã€‚ webè¨ˆã€‚ simplelib â†’ã€€ã‚ˆãä½¿ã†jQueryã‚³ãƒ¼ãƒ‰ã‚’ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã§é…å¸ƒ ã‚ã£ã¡ã‚ƒæ¥½ã§ã™ã€‚jQueryã§ä½œã‚ŠãŸã„æ©Ÿèƒ½ã ã‘ã‚’é¸æŠžã—ã¦ã€1ã¤ã®jsãƒ•ã‚¡ã‚¤ãƒ«ã«ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã«ã—ã¦ãã‚Œã¾ã™ã‚ˆã€‚ãƒšãƒ¼ã‚¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã‹ã‚¿ãƒ–ã¨ã‹éœ€è¦ã®é«˜ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ã¡ã‚‡ã£ã¨æ©Ÿèƒ½ã‚’
suusuke 2011/06/28
web

service

jquery

html5
ãƒªãƒ³ã‚¯
jQuery Mobileã‚’è§¦ã‚ŠãªãŒã‚‰è¦šãˆã‚ˆã†ï¼ [Japanese Version Only] - jsdo.it - Share JavaScript, HTML5 and CSS
ã‚µãƒ³ãƒ—ãƒ«ã‚’ç”¨æ„ã—ã¾ã—ãŸï¼ãƒ•ã‚©ãƒ¼ã‚¯ã—ã¦jQuery Mobileã‚’ä½“é¨“ã—ã¦ã¿ã‚ˆã†ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã™ã‚‹ã«ã¯ã€ã‚¨ãƒ‡ã‚£ã‚¿ç”»é¢ã®ã€ŒSmart Phone Previewã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ã€‚ ã“ã‚“ãªã“ã¨ã‚’è©¦ã—ã¦ã¿ã‚‹ã¨ã‚ªã‚¹ã‚¹ãƒ¡ï¼ aã‚¿ã‚°ã« data-transition å±žæ€§ã‚’ä»˜åŠ ã™ã‚‹ã¨ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’é¸ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ Footerè¦ç´ ã‚’ç”»é¢ä¸‹ã«å›ºå®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚data-position="fixed" ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã®è¦ç´ ã‚‚jQuery Mobileã§è¡¨ç¤ºã§ãã¾ã™ï¼ ãã‚‚ãã‚‚jQuery Mobileã£ã¦ãªã‚“ã ã£ã‘ï¼Ÿ jQuery Mobileã¯ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚„Webã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹éš›ã«åˆ©ç”¨ã—ã¾ã™ã€‚ éžå¸¸ã«æ‰‹è»½ã«åˆ©ç”¨ã§ãã€å°‘ã—å‹‰å¼·ã™ã‚‹ã ã‘ã§ãã‚Œãªã‚Šã®ã‚‚ã®ãŒä½œã‚Œã¦ã—ã¾ã†ã‚“ã§ã™ã‚ˆï¼ ã¨ã„ã†ã“ã¨ã§ã€j
suusuke 2011/06/12
jQuery

mobile

jquery mobile

web
ãƒªãƒ³ã‚¯
ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQueryå…¥é–€
kanazawa.js v1.0 ã€œJavaScriptã‚³ãƒˆãƒã‚¸ãƒ¡ã€œï¼ˆ2011å¹´2æœˆ5æ—¥é–‹å‚¬ï¼‰ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚Read less
suusuke 2011/04/20
jquery

web
ãƒªãƒ³ã‚¯
CSS3ã¨jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç¾Žã—ãè£…é£¾ã™ã‚‹æ–¹æ³•
2014å¹´8æœˆ22æ—¥ CSS, jQuery ã©ã‚“ãªWebã‚µã‚¤ãƒˆã§ã‚‚è¨ç½®ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã€‚ãªã‚“ã®è£…é£¾ã‚‚ãªãå‘³æ°—ãªã„ãƒ•ã‚©ãƒ¼ãƒ ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚‚ã®ã®ã»ã†ãŒé€£çµ¡ã—ã¦ã¿ãŸããªã‚‹ã¯ãšã§ã™ï¼ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã‚‚å°‘ã—æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã§ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰èº«ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä»Šå›žã¯CSS3ã¨jQueryã‚’ä½¿ã£ã¦ã‚ˆã‚Šç¾Žã—ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ•ã‚©ãƒ¼ãƒ ã®ä»•æ§˜ ä»Šå›žãƒãƒ£ãƒ¬ãƒ³ã‚¸ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸»ãªä»•æ§˜ã§ã™ï¼ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’è¡¨ç¾ è§’ä¸¸ã§ä¸¸ã¿ã‚’ã¤ã‘ã‚‹ï¼ˆãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶: IE7â–³, IE8â–³, IE9, Firefox, Chrome, Safari ãƒ•ã‚©ãƒ¼ãƒ åˆ¶ä½œã®æµã‚Œ CSS3ã£ã¦ãªã‚“ã ï¼Ÿã¨ã„ã†äººã‚‚ã²ã¨ã¤ã²ã¨ã¤è¨˜è¿°ã—ã¦ã„ã‘ã°æ„å¤–ã¨ç°¡å˜ã«ä½œã‚Œã‚‹ã¯ãšã§ã™ï¼ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§å„é …ç›®ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯
suusuke 2010/10/29
jquery

css3

web

CSS
ãƒªãƒ³ã‚¯
1