[B! jquery] eight-roleã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

eight-role id:eight-role

jqueryã«é–¢ã™ã‚‹eight-roleã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

[jQuery Mobile]å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰é›†ã¨ã¤ã¾ã¥ãã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆ | ã‚³ãƒª
jQuery Mobileã‚’ä½¿ã£ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œãƒšãƒ¼ã‚¸ã‚’ã¯ã˜ã‚ã¦ä½œæˆã™ã‚‹éš›ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã€ã¤ã¾ã¥ãã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‚¹ãƒžãƒ•ã‚©å¯¾å¿œãƒšãƒ¼ã‚¸ã®åŸºæœ¬HTML jQuery Mobileã®åˆ©ç”¨æ–¹æ³• AJAXãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®åœæ¢ ãƒªã‚¹ãƒˆã‚¢ã‚¤ãƒ†ãƒ ã®çœç•¥ã‚’é˜»æ¢ Media Queriesã®åˆ©ç”¨ ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ç‰¹å®š ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½¿ç”¨ã™ã‚‹éš›ã®æ³¨æ„ç‚¹ ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ— ãƒ€ã‚¤ã‚¢ãƒã‚°ã®ä½œæˆ ã‚ãƒ£ãƒ³ã‚»ãƒ«ã¨ã‚»ãƒ¼ãƒ–ã®ãƒœã‚¿ãƒ³ ã‚«ãƒ©ãƒ æ§‹é€ ã‚’ä½œã‚‹æ™‚ã®ãƒã‚¤ãƒ³ãƒˆ ã‚¹ãƒžãƒ•ã‚©å¯¾å¿œãƒšãƒ¼ã‚¸ã®åŸºæœ¬HTML ã¾ãšã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®åŸºæœ¬ã¨ãªã‚‹HTMLã§ã™ã€‚ HTML <!DOCTYPE html> <html> <head> <
eight-role 2011/05/25
jQuery

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
divã‚’ä¸¦ã¹ãŸå¾Œã€ãŸã£ãŸï¼‘è¡Œã§ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjShowOffã€:phpspoté–‹ç™ºæ—¥èªŒ
divã‚’ä¸¦ã¹ãŸå¾Œã€ãŸã£ãŸï¼‘è¡Œã§ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjShowOffã€ 2011å¹´02æœˆ10æ—¥- jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divã‚’ä¸¦ã¹ãŸå¾Œã€ãŸã£ãŸï¼‘è¡Œã§ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjShowOffã€ æ¬¡ã®ã‚ˆã†ãªã€ãªã‚“ã¨ã‚‚ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒç°¡å˜ã«å®Ÿè£…ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã¯æ¬¡ã®ã‚ˆã†ã«ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã€‚ <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="//www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /><
eight-role 2011/02/11
jquery
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ç´ æ•µãªå‹•ãã‚’æ‰‹è»½ã«å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQueryã€ã€‚jQueryã«ã¯å¤šãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæƒã£ã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã—ã§å®Ÿè£…ã§ãã‚‹jQueryã®å°æŠ€ã‚’ç´¹ä»‹ã—ã¾ã™ï¼ã€ŒjQueryã£ã¦ãªã‚“ã ï¼Ÿã€ã¨ã„ã†äººã‚‚ã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã¾ã™ã‚ˆï¼ã‚µãƒ³ãƒ—ãƒ«ã‚‚ç”¨æ„ã—ãŸã®ã§ãœã²ã”è¦§ãã ã•ã„ï¼ è¿½è¨˜ï¼šã“ã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã„ãã¤ã‹ã®æ–¹æ³•ãŒã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…å¯èƒ½ã§ã™ï¼è©³ã—ãã¯ã€Œã‹ã¤ã¦ã¯ JavaScript ã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…ã§ãã‚‹ 10 ã®å°æŠ€ã€ã‚’ã”è¦§ãã ã•ã„ã€‚ jQuery ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ãšã¯jQuery æœ¬å®¶ã‹ã‚‰ jQuery ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚<head> å†…ã«ä¸‹è¨˜ã‚’è¨˜è¿°ã—ã€jQuery ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src
eight-role 2011/01/25
jquery

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ç”Ÿã˜ã‚‹ç©ºãã‚¹ãƒšãƒ¼ã‚¹ã®æ´»ç”¨æ–¹æ³•
ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ™‚ã«æ‚©ã‚€ã®ãŒã€2ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã§ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ã©ã®ãã‚‰ã„ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹ã®ã‹ã€ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚ ç†æƒ³çš„ãªã®ã¯ã€ãƒ¡ã‚¤ãƒ³ã¨ãªã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨åŒã˜ãã‚‰ã„ã®é«˜ã•ã«ãªã‚‹ã®ãŒç„¡é§„ã‚‚ãªãã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã—ã‹ã—ã€ãƒ¡ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒæ±ºã¾ã£ãŸã‚‚ã®ã§ã¯ãªãã€ã—ã‹ã‚‚é•·ã„å ´åˆã¯ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«æœªä½¿ç”¨ã®ã‚¹ãƒšãƒ¼ã‚¹ãŒå¤šãç”Ÿã˜ã¦ã—ã¾ã„ã¾ã™ã€‚ [ad#ad-2] ã“ã®ç„¡é§„ã«ãªã£ã¦ã—ã¾ã†ç©ºãã‚¹ãƒšãƒ¼ã‚¹ã®è§£æ±ºæ–¹æ³•ã®ä¸€ã¤ã¨ã—ã¦ã€ã‚¹ãƒšãƒ¼ã‚¹ã®é‡ã«åˆã‚ã›ã¦ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
eight-role 2011/01/18
webåˆ¶ä½œ

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

webåˆ¶ä½œ

ãƒ•ã‚©ãƒ¼ãƒ

EFO
ãƒªãƒ³ã‚¯
HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ãŸãƒšãƒ¼ã‚¸ã§jQueryã‚’ä½¿ã†ã¨ãã«æ°—ã‚’ã¤ã‘ã‚‹ã“ã¨ :: 5509
ãã‚ãã‚HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹æ©Ÿä¼šã‚‚å¢—ãˆã¦ããŸã‚Šã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã©ã†ã—ã¦ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã¯ã—ã¦ãŠããŸã„ã‚‚ã®ã€‚jQueryã§ï¼ˆâ€»ï¼‰è¦ç´ ã‚’ã”ã«ã‚‡ã”ã«ã‚‡ã™ã‚‹éš›ã«ã¡ã‚‡ã£ã¨ã¯ã¾ã£ãŸã®ã§ä¸€å¿œæ›¸ã„ã¦ãŠãã¾ã™ã€‚ IE8ä»¥ä¸‹ã§ã®è©±ã§ã™ãŒã€IE8ä»¥ä¸‹ã§HTML5ã‚’åˆ©ç”¨ã™ã‚‹ã¨ãã¯HTML5ã®è¦ç´ ã«CSSãŒé©ç”¨ã•ã‚Œãªã„ã®ã§ã€html5.jsã®ã‚ˆã†ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ãƒ˜ãƒƒãƒ€ã§èªã¿è¾¼ã¾ã›ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«åƒ•ã¯ã‚ã–ã‚ã–èªã¿è¾¼ã‚€ã®ã‚‚ã‚¢ãƒ¬ãªã®ã§ã€ä»¥ä¸‹ã®ã‚‚ã®ã‚’æ¯Žå›žè²¼ã£ã¦ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§JavaScriptã®createElementãƒ¡ã‚½ãƒƒãƒ‰ã§HTML5ã®è¦ç´ ã‚’è¿½åŠ ã™ã‚Œã°ã€CSSãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦è¦‹ãŸç›®ã‚‚ã ã„ãŸã„ã°ã£ã¡ã‚Šã«ãªã‚‹ã‚“ã§ã™ã‘ã©ãƒ»ãƒ»ãƒ» jQueryã§ $(hoge).append('ã‚»ã‚¯ã‚·ãƒ§ãƒ³') ã¨ã‹ $(hoge).append([ '', '', // hogehoge '', '' ].j
eight-role 2010/12/14
html5

jquery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
eight-role 2010/11/11
jquery
ãƒªãƒ³ã‚¯
ã‚ãšã‹3STEPï¼èª°ã§ã‚‚ç°¡å˜ã«jQueryã‚’ä½¿ã£ãŸLightboxã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œæˆå‡ºæ¥ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ»Jquery Photo Viewer - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹é¢ç™½ã„è©¦ã¿ã ã£ãŸã®ã§ å‚™å¿˜éŒ²ã€‚ç¾åœ¨æ•°å¤šãã®jQueryã‚’ ä½¿ç”¨ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒå˜åœ¨ã—ã€ãã® ä¸ã«ã¯å¤šãã®Lightboxé¢¨ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ãŒå˜åœ¨ã—ã¾ã™ã€‚ä»Šæ—¥ã€ã”ç´¹ä»‹ã™ã‚‹ ã®ã¯ãã‚“ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œæˆã™ã‚‹ ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ jQueryã‚’ä½¿ç”¨ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œæˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã«ãªã‚Šã¾ã™ãã€‚ã¡ã‚‡ã£ã¨ã“ã®ç™ºæƒ³ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã¯ãªãã€ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§å‹•ã‹ã™ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ä½¿ã„æ–¹ã‚‚å‡„ãç°¡å˜ã§ã™ã‚ˆã€‚ è¨€èªžã‚‚æ—¥æœ¬èªžã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã‚ãšã‹3STEPã§ä½œæˆå‡ºæ¥ã¾ã™ã€‚ STEP.1 ä½¿ã„æ–¹ã¯DLãƒšãƒ¼ã‚¸ã«ã‚‚æ›¸ã„ã¦ã‚ã‚Šã¾ã™ãŒã€ç°¡å˜ã«ã”ç´¹ä»‹ã€‚ãŠãã‚‰ãç›´æ„Ÿã§ä½œæˆå‡ºæ¥ã¾ã™ã€‚ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’DLã—ã¦ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ä¸Šè¨˜ç”»é¢ãŒç«‹ã¡ä¸ŠãŒã‚Šã¾ã™ã€‚ã“ã“ã«ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã«ã—ãŸã„ç”»åƒã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¦ã„ãã¾ã™ã€‚ STEP.2 ç”»åƒã‚’æ±ºã‚ãŸã‚‰ã€ä¸Šéƒ¨ã®Publishã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ã™ã‚‹ã¨
eight-role 2010/11/04
jquery
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
eight-role 2010/11/02
jquery
ãƒªãƒ³ã‚¯
CSS3ã¨jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç¾Žã—ãè£…é£¾ã™ã‚‹æ–¹æ³•
2014å¹´8æœˆ22æ—¥ CSS, jQuery ã©ã‚“ãªWebã‚µã‚¤ãƒˆã§ã‚‚è¨ç½®ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã€‚ãªã‚“ã®è£…é£¾ã‚‚ãªãå‘³æ°—ãªã„ãƒ•ã‚©ãƒ¼ãƒ ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚‚ã®ã®ã»ã†ãŒé€£çµ¡ã—ã¦ã¿ãŸããªã‚‹ã¯ãšã§ã™ï¼ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã‚‚å°‘ã—æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã§ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰èº«ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä»Šå›žã¯CSS3ã¨jQueryã‚’ä½¿ã£ã¦ã‚ˆã‚Šç¾Žã—ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ•ã‚©ãƒ¼ãƒ ã®ä»•æ§˜ ä»Šå›žãƒãƒ£ãƒ¬ãƒ³ã‚¸ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸»ãªä»•æ§˜ã§ã™ï¼ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’è¡¨ç¾ è§’ä¸¸ã§ä¸¸ã¿ã‚’ã¤ã‘ã‚‹ï¼ˆãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶: IE7â–³, IE8â–³, IE9, Firefox, Chrome, Safari ãƒ•ã‚©ãƒ¼ãƒ åˆ¶ä½œã®æµã‚Œ CSS3ã£ã¦ãªã‚“ã ï¼Ÿã¨ã„ã†äººã‚‚ã²ã¨ã¤ã²ã¨ã¤è¨˜è¿°ã—ã¦ã„ã‘ã°æ„å¤–ã¨ç°¡å˜ã«ä½œã‚Œã‚‹ã¯ãšã§ã™ï¼ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§å„é …ç›®ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯
eight-role 2010/10/27
css

ãƒ•ã‚©ãƒ¼ãƒ

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

jquery

CSS3
ãƒªãƒ³ã‚¯
ke-tai.org > Blog Archive > jQueryã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã¸å¯¾å¿œã•ã›ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery Mobileã€ã®é–¢é€£è¨˜äº‹ã¾ã¨ã‚
jQueryã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã¸å¯¾å¿œã•ã›ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery Mobileã€ã®é–¢é€£è¨˜äº‹ã¾ã¨ã‚ Tweet 2010/10/22 é‡‘æ›œæ—¥ matsui Posted in è¨˜äº‹ç´¹ä»‹ãƒ»ãƒªãƒ³ã‚¯ | 1 Comment Â» jQueryã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã¸å¯¾å¿œã•ã›ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery Mobileã€ã®Alphaç‰ˆãŒã€2010å¹´10æœˆ16æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ ãƒ—ãƒã‚°ãƒ©ãƒžã«ã‚‚ãƒ‡ã‚¶ã‚¤ãƒŠã«ã‚‚äººæ°—ã®ã‚ã‚‹jQueryã§ã™ã—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®éœ€è¦ãŒæ—¥ã«æ—¥ã«å¢—ã—ã¦ã„ã‚‹çŠ¶æ³ã§ã™ã®ã§ã€ã“ã‚Œã¯æœŸå¾…ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªã€ŒjQuery Mobileã€ã®æƒ…å ±ã‚’ç°¡å˜ã«ã§ã™ãŒã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšæœ¬å®¶ã®ã‚µã‚¤ãƒˆã€‚ â†’ã€€jQuery Mobileã€€ãƒˆãƒƒãƒ— [querymobile.com] â†’ã€€jQuery Mobileã€€Alpha 1
eight-role 2010/10/25
jquery

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

mobile
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2010å¹´9ãƒ»10æœˆ
ç´¹ä»‹æ¸ˆã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³34é¸ã§ã™ã€‚ bxSlider å¤šå½©ãªè¡¨ç¤ºæ–¹æ³•ã«å¯¾å¿œã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ Sudo Slider å„ãƒ‘ãƒãƒ«ãŒãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§ãã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©
eight-role 2010/10/25
jquery

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[JS]Twitterã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã«ç°¡å˜ã«è¨ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jTweetsAnywhere
Twitterã§ã¤ã¶ã‚„ã„ãŸãƒ„ã‚¤ãƒ¼ãƒˆã‚’ã‚ãªãŸã®ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã«ç°¡å˜ã«è¨ç½®ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jTweetsAnywhere ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] jTweetsAnywhereã®è¨ç½®ã¯ç°¡å˜ã§ã€æ•°è¡Œã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§è‡ªåˆ†ã®ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã«ãƒ„ã‚¤ãƒ¼ãƒˆã‚’è¨ç½®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jTweetsAnywhereã®ä¸»ãªç‰¹é•· æŒ‡å®šã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ï¼ˆè¤‡æ•°å¯ï¼‰ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’è¡¨ç¤ºã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒªã‚¹ãƒˆã‹ã‚‰ãƒ„ã‚¤ãƒ¼ãƒˆã‚’è¡¨ç¤ºã€‚ Twitterã®æ¤œç´¢ã®çµæžœã‚’è¡¨ç¤ºï¼ˆãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã¯å…¨å¯¾å¿œï¼‰ã€‚ @Anywhereã«å¯¾å¿œã€‚ ã‚¨ãƒ³ãƒ‰ãƒ¬ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ä½¿ã£ãŸãƒšãƒ¼ã‚¸ãƒ³ã‚°ã‚’ã‚µãƒãƒ¼ãƒˆã€‚ è‡ªå‹•æ›´æ–°ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ„ã‚¤ãƒ¼ãƒˆã‚’è¡¨ç¤ºã€‚ ãƒ„ã‚¤ãƒ¼ãƒˆãƒœãƒƒã‚¯ã‚¹ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚ Follow me ãƒœã‚¿ãƒ³ã®è¨ç½®ãŒå¯èƒ½ã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ãƒªãƒ„ã‚¤ãƒ¼ãƒˆã‚’ã‚µãƒãƒ¼ãƒˆã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã‚’è¡¨ç¤ºã€‚ ãƒ„ã‚¤ãƒ¼ãƒˆå†…ã®ãƒªãƒ³ã‚¯ã‚’æ¤œå‡ºã—ã€è‡ªå‹•ã§ãƒªãƒ³ã‚¯åŒ–
eight-role 2010/10/19
ãƒ–ãƒã‚°

jquery
ãƒªãƒ³ã‚¯
[JS]å®Ÿè£…ã®ãƒã‚¸ãƒƒã‚¯ã‚’ç†è§£ã—ã¦ã€è‡ªåˆ†ã«é©ã—ãŸãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã€æ•°å¤šããƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã“ã§ã¯jQueryã‚’ä½¿ç”¨ã—ãŸãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’ã©ã®ã‚ˆã†ãªãƒã‚¸ãƒƒã‚¯ã§å®Ÿè£…ã™ã‚‹ã‹ã‚’è§£èª¬ã—ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Simple Tooltip w/ jQuery & CSS ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— -HTML 2. ã‚¹ã‚¿ã‚¤ãƒ« -CSS 3. ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ -jQuery 4. ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒã‚¸ãƒƒã‚¯ 5. æ³¨æ„ç‚¹ 1. ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— -HTML ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ã™ã‚‹éš›ã«æ°—ã‚’ã¤ã‘ã‚‹ã“ã¨ã¯å¯èƒ½ãªé™ã‚Šã‚·ãƒ³ãƒ—ãƒ«ã™ã‚‹ã®ã¨åŒæ™‚ã«ã€ã•ã¾ã–ã¾ãªã‚·ãƒŠãƒªã‚ªã«å¯¾å¿œã§ãã‚‹ã‚ˆã†æŸ”è»Ÿã«ã™ã‚‹ã“ã¨ã§ã™ã€‚ ãƒ¡ã‚¤ãƒ³ã¨ãªã‚‹aè¦ç´ ã«ã¯ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’è¡¨ç¤ºã™ã‚‹ãŸã‚ã«ã€classåã€Œtip_triggerã€ã‚’è¨˜è¿°ã—ã¾ã™ã€‚ã¾ãŸã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹spanè¦ç´ ã«ã¯ã€classåã€Œtipã€ã‚’è¨˜è¿°
eight-role 2010/10/15
jquery

tooltip
ãƒªãƒ³ã‚¯
[JS]ç”»åƒã‚’ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -imgZoom
imgZoom ãƒ‡ãƒ¢ [ad#ad-2] imgZoomã®ä¸»ãªç‰¹å¾´ lightboxé¢¨ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ï¼ˆæš—ã„ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€æ¬¡ã®ç”»åƒã¸ã®ã‚¹ã‚¤ãƒƒãƒï¼‰ CSS/HTMLãƒ™ãƒ¼ã‚¹ã§ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„å›žè»¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç”»åƒã‚’æ‹¡å¤§ ã‚ºãƒ¼ãƒ ã‚¤ãƒ³ã€ã‚ºãƒ¼ãƒ ã‚¢ã‚¦ãƒˆã®APIã®æä¾› jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦å‹•ä½œã™ã‚‹è»½é‡ï¼ˆ7KBï¼‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆ imgZoomã®å®Ÿè£…æ–¹æ³• å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ä¸‹è¨˜ã®3ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <link rel="stylesheet" type="text/css" href="css/imgzoom.css" /> <script type="text/javascript" src="sc
eight-role 2010/10/04
css

jquery

ç”»åƒ
ãƒªãƒ³ã‚¯
1