[B! *webåˆ¶ä½œ] poad1010ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

poad1010 id:poad1010

*webåˆ¶ä½œã«é–¢ã™ã‚‹poad1010ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

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

JavaScriptã«ã‚‚Media Queryã‚’Â·Javascript onMediaQuery MOONGIFT
Javascript onMediaQueryã¯Media Queryãƒ©ã‚¤ã‚¯ãªæŒ¯ã‚Šåˆ†ã‘ã‚’JavaScriptã§å®Ÿç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ CSS3ã§ã¯Media Queryã¨ã„ã†ä»•çµ„ã¿ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ãƒ‡ãƒã‚¤ã‚¹ã®ç”»é¢å¹…ã‚„é«˜ã•ã€è‰²ãªã©ã‚’ã‚ãƒ¼ã«ã—ã¦å°‚ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹æŠ€è¡“ã§ã™ã€‚ãã—ã¦åŒæ§˜ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã«ã‚ˆã‚‹æŒ¯ã‚Šåˆ†ã‘ã‚’JavaScriptã«ã‚‚æä¾›ã™ã‚‹ã®ãŒJavascript onMediaQueryã§ã™ã€‚ ã“ã¡ã‚‰ã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®å ´åˆã€‚ ã“ã¡ã‚‰ã¯iPhoneã®å ´åˆã€‚ç”»é¢å¹…ã‚’èª¿æ•´ã™ã‚Œã°ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚contextã«ã‚ˆã‚‹æŒ‡å®šã§å®Ÿè¡Œã•ã‚Œã‚‹é–¢æ•°ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ Javascript onMediaQueryã¯ç”»é¢å¹…ã‚’å¸¸ã«ç›£è¦–ã—ã¦ã„ã‚‹ã‚ˆã†ã§ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®å¤§ãã•ã‚’å¤‰ãˆã‚‹ã¨ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‹ã«ã‚ˆã‚‹åŒºåˆ¥ã§ã¯ãªãã€ç”»é¢å¹…ã«å¿œ
poad1010 2012/06/09
javascript

css3

mediaquery

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
é«˜å“è³ªãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½¿ã£ã¦æ ¼å¥½ã„ã„ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†Â·Chico UI MOONGIFT
Chico UIã¯Webã‚µã‚¤ãƒˆå‘ã‘ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç¾¤ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ æœ€è¿‘ã¯Twitterã®Bootstrapã‚’ä½¿ã£ã¦Webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ã¦ã„ã‚‹ã¨ã“ã‚ãŒå¢—ãˆã¦ãã¾ã—ãŸãŒã€ä½•ã¨ãªãä¼¼é€šã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã—ã¾ã†ã®ãŒé›£ç‚¹ã§ã™ã€‚äººã¨ã¯ã¡ã‚‡ã£ã¨é•ã†ã€ã§ã‚‚ç°¡å˜ã«æ ¼å¥½ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã—ãŸã„ã¨ã„ã†äººã«ãŠå‹§ã‚ãªã®ãŒChico UIã§ã™ã€‚ ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆã§ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¾ã™ã€‚ ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ æ–‡å—æ•°ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã§ã™ã€‚ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã§ã™ã€‚ æ—¥ä»˜ãƒ”ãƒƒã‚«ãƒ¼ã§ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã§ã™ã€‚ ã‚¯ãƒªãƒƒã‚¯ã§ä¸‹ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãƒ‡ãƒ¢ã§ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã‚‚å¤šæ•°ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæƒã£ã¦ã„ã¾ã™ã€‚ ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã™ã€‚ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§å¹ãå‡ºã—ãŒå‡ºã¾ã™ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§ã™ã€‚ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚éšŽå±¤ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã‚¿ãƒ–ã§ã™ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã§ã™ã€‚
poad1010 2012/03/14
MOONGIFT

IT

CSS

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

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

UI

bootstrap

webåˆ¶ä½œ

twitter

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã®JavaScriptã§ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–Â·sparrow.js MOONGIFT
sparrow.jsã¯æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã«å¤‰æ›ã—ã¦ãã‚Œã‚‹JavaScriptã§ã™ã€‚ sparrow.jsã‚’ä½¿ã†ã¨æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã«å¤‰èº«ã•ã›ã¦ãã‚Œã¾ã™ã€‚ãã‚Œã‚‚ãŸã£ãŸä¸€è¡Œã®JavaScriptã‚¿ã‚°ã‚’è¿½åŠ ã™ã‚‹ã®ã¿ã§ã™ã€‚ ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘ã‚µã‚¤ãƒˆã‚’iPhoneã§è¡¨ç¤ºã—ãŸã¨ã“ã‚ã§ã™ã€‚ã„ã‚ã‚†ã‚‹æ™®é€šã®æºå¸¯é›»è©±å‘ã‘ã‚µã‚¤ãƒˆã¨ã—ã¦ã®è¡¨ç¤ºã§ã™ã€‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯ã€Œæºå¸¯å°‚ç”¨ç„¡æ–™ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé…å¸ƒä¸ ï¼š ãƒ•ãƒªãƒ¼ã‚¹ã‚¿ã‚¤ãƒ« æºå¸¯ç„¡æ–™ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€ã‚ˆã‚ŠãŠå€Ÿã‚Šã—ã¾ã—ãŸã€‚ sparrow.jsã‚’é©ç”¨ã—ãŸè¡¨ç¤ºã§ã™ã€‚ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚„ç”»åƒã®è¡¨ç¤ºãŒæœ€é©åŒ–ã•ã‚Œã‚‹ã®ã¿ã¨ãªã£ã¦ã„ã¾ã™ã€‚ sparrow.jsã§ã¯ãã®ä»–ã€Viewportã®è‡ªå‹•æŒ¿å…¥ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®CSSå®šç¾©ã€åŠè§’ä»®åã‚’å…¨è§’ã«å¤‰æ›ã€ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã€çµµæ–‡å—ã‚’çµµæ–‡å—ç”»åƒã«å¤‰æ›
poad1010 2011/12/07
iOS

*webåˆ¶ä½œ

js

javascript

MOONGIFT

iPhone

IT

Android

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

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

COM

*Webåˆ¶ä½œ

ä»•äº‹

ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³

webãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³

ãƒ“ã‚¸ãƒã‚¹

è€ƒãˆæ–¹

Webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
HTML5ã®å¯èƒ½æ€§ã‚’ä½“é¨“ã§ãã‚‹ã€ã™ã”ã„ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
HTML5ã‚’å®Ÿéš›ã«ã†ã¾ãå–ã‚Šå…¥ã‚Œã¦ã‚‹ã‚µã‚¤ãƒˆã€HTML5ã®å®Ÿé¨“çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Antoine Wette GO-UP [ad#ad-2] Cultural Solutions Media
poad1010 2011/06/21
html5

html

web

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

webåˆ¶ä½œ

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

ã¾ã¨ã‚

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

ã‚ã¨ã§èªã‚€

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

web

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

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

ui

usability

*webåˆ¶ä½œ

ä»•äº‹

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ã€Œç´ äººã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‹ã‚‰æŠœã‘å‡ºã™ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œæ™‚ã«å¿ƒãŒã‘ãŸã„5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
â˜†ã”æ³¨æ„â˜† ã“ã®è¨˜äº‹ã¯ 2011å¹´5æœˆ29æ—¥ ã«æ›¸ã„ãŸã‚‚ã®ã§ã™ã€‚æƒ…å ±ãŒå¤ã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ ä»Šã‚‚ç´ äººã«ã¡ã‚‡ã³ã£ã£ã£ã¨ã ã‘æ¯›ãŒç”ŸãˆãŸç¨‹åº¦ã§ã™ãŒã€ å°‘ã—ã ã‘ã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ æ¯›ã®ç”ŸãˆãŸç§ã‹ã‚‰ãƒ„ãƒ«ãƒ„ãƒ«ã®ç§ã¸ã®ãƒ€ãƒ¡ã ã— Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚ŠãŸã¦ã®ã“ã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã‚‚ã‚‰ã£ãŸã¨ãã€ ã€Œã‚“ãƒ¼ãƒ¼ãƒ¼ãªã‚“ã‹ã“ã®ã¸ã‚“ç´ äººã£ã½ã„ãã€ã¨è¨€ã‚ã‚ŒãŸäº‹ãŒã‚ã‚Šã¾ã™ã€‚ ç´ äººã£ã½ã„ã€‚ã€‚ã€‚ï¼Ÿï¼Ÿï¼Ÿ(ã‚œÐ´ã‚œ) ãã®ã¨ãã¯ä½•ã ã‚ã†ã€ã©ã‚“ãªã®ãŒç´ äººã£ã½ã„ã‚“ã ã‚ã†ã¨ã‚ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ å°±è·ã¯ã§ããŸã‚‚ã®ã®ã€æŠ€è¡“ã¯å®Œå…¨ã©ç´ äººãªã®ã§ã€‚ ä»Šã‚‚ç´ äººã«ã¡ã‚‡ã³ã£ã£ã£ã¨ã ã‘æ¯›ãŒç”ŸãˆãŸç¨‹åº¦ã§ã™ãŒã€ å°‘ã—ã ã‘ã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã€Œç´ äººã£ã½ã„ã€ã®æ„å‘³ãŒã€‚ æ¯Žæ—¥ã€ãŸã£ãã•ã‚“ã®Webã‚µã‚¤ãƒˆã‚’è¦‹ã¾ã™ãŒã€ãƒ—ãƒã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½œã£ãŸã¨æ€ã‚ã‚Œã‚‹ã€æ§‹æˆã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã—ã£ã‹ã‚Šã—ãŸã‚µã‚¤ãƒˆã‚‚ã‚ã‚Œã°ã€ãŠåº—ã®äººãŒä¸€ç”Ÿæ‡¸å‘½æ‰‹ä½œã‚Šã—ã¦ãã†ãªã‚µã‚¤
poad1010 2011/05/31
ãƒ‡ã‚¶ã‚¤ãƒ³

æŠ€è¡“

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç‹¬ç‰¹ã®UIã‚’æä¾›ã—ã¦ãã‚Œã‚‹jQueryç”¨ã®UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒNinja UIã€:phpspoté–‹ç™ºæ—¥èªŒ
Ninja UI ç‹¬ç‰¹ã®UIã‚’æä¾›ã—ã¦ãã‚Œã‚‹jQueryç”¨ã®UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒNinja UIã€ ã‚¢ã‚¤ã‚³ãƒ³ã‚„ã€ãƒœã‚¿ãƒ³ã€ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã€ãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¨ã„ã£ãŸå„ç¨®UIã‚’æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ UIã¯ç‹¬ç‰¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ãŒã€ãã‚Œãªã‚Šã«æ±Žç”¨çš„ã«ä½¿ãˆãã†ãªã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä»–ã¨åŒã˜UIã¯å«Œã ã€ã¨ã„ã†æ–¹ã¯ä½¿ã£ã¦ã¿ã‚‹ã®ã‚‚ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª jQuery UI ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ¦ãƒ¼ã‚¶ã®æ‰‹ã«ã‚ˆã£ã¦ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªé¢¨ã«èª¿æ•´å¯èƒ½ã«ã™ã‚‹jQueryã€ŒUI.Layoutã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ selectãƒœãƒƒã‚¯ã‚¹åˆ©ç”¨æ™‚ã«é¸æŠžè‚¢ã‚’è¤‡æ•°é¸ã¹ã‚‹UIã‚’æä¾›ã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒselectListã€
poad1010 2011/05/23
ui

ã‚ã¨ã§èªã‚€

jquery

ã“ã‚Œã¯ã™ã”ã„

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

ã§ã–ã„ã‚“

*webåˆ¶ä½œ

*jquery

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¬ã‚·ãƒ¼ãªãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚CSS3ã®æ–°æŠ€è¡“ã‚’æ´»ç”¨ã™ã‚‹Â·Selectivizr MOONGIFT
Selectivizrã¯CSS3ã®æ©Ÿèƒ½ã‚’IE6ã€œ8ã§ã‚‚ã‚µãƒãƒ¼ãƒˆã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ Selectivizrã¯JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚CSS3ã§ã¯IDã‚„classã«ã‚ˆã‚‹æŒ‡å®šã®ä»–ã«ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ãŒè¿½åŠ ã•ã‚Œã¦ã„ã‚‹ã€‚ä¾‹ãˆã°å±žæ€§å€¤ã«ã‚ˆã‚‹æŒ‡å®šã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¨å®šã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã‚Œã°ã€ã‚ˆã‚Šè‡ªç”±åº¦ã®é«˜ã„Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ä½¿ã„æ–¹ ã—ã‹ã—è¶³ã‚’å¼•ã£å¼µã‚‹è¦ç´ ã‚‚å˜åœ¨ã™ã‚‹ã€‚ãã‚ŒãŒãƒ¬ã‚¬ã‚·ãƒ¼ãƒ–ãƒ©ã‚¦ã‚¶ã ã€‚CSS3ã«å¯¾å¿œã—ã¦ã„ãªã„Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚ã‚‹IE6ã€œ8ã«ãŠã„ã¦ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã®ãŒSelectivizrã ã€‚ Selectivizrã‚’IE6ã€œ8ã«ãŠã„ã¦èªã¿è¾¼ã‚ã°ã€å¤šæ§˜ãªã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚é¢ç™½ã„ã®ã¯jQueryã€dojoã€prototype.jsã€YUIã€DOM Assistantã€MooToolsã€NWMatcherã¨ã„ã£ãŸæœ‰åãªJa
poad1010 2011/05/13
MOONGIFT

css3

css

IT

web

javascript

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

ãƒ–ãƒ©ã‚¦ã‚¶

jQuery

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Flashâ†’HTML5ç§»æ¤ã¯æœ¬å½“ã‹ï¼Ÿã€€ãƒãƒ³ã‚²ãƒ¼ãƒ ã®äº‹ä¾‹
ã€ŒHTML5ã§FlashãŒä¸è¦ã«ãªã‚‹ã€â€•â€•ã€‚æ¬¡ä¸–ä»£Webæ¨™æº–è¦æ ¼ã€ŒHTML5ã€ã§ã‚ˆãèžãã®ãŒã“ã‚“ãªãƒ•ãƒ¬ãƒ¼ã‚ºã ã€‚ã¨ã“ã‚ãŒã€å®Ÿéš›ã«Flashã§ä½œã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’HTML5ï¼ˆ+JavaScriptï¼‰ã§ç½®ãæ›ãˆãŸã€ãªã‚“ã¦è©±ã¯ï¼ˆå°‘ãªãã¨ã‚‚æ—¥æœ¬ã§ã¯ï¼‰ã»ã¨ã‚“ã©èžã‹ãªã„ã€‚æœ¬å½“ã«Flashã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’HTML5ã§ï¼ˆã—ã‹ã‚‚å•†ç”¨ãƒ¬ãƒ™ãƒ«ã§ï¼‰ç½®ãæ›ãˆã‚‰ã‚Œã‚‹ã®ã ã‚ã†ã‹ï¼Ÿ ãã†æ€ã£ã¦ã„ãŸã‚‰ã€ã‚ã®ã€Œãƒãƒ³ã‚²ãƒ¼ãƒ ã€ã‚’æ‰‹æŽ›ã‘ã‚‹NHN JapanãŒãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®HTML5åŒ–ã‚’ç€ã€…ã¨é€²ã‚ã¦ã„ã‚‹ã¨èžãã€åŒç¤¾ã®ã€ŒHTML5å‹‰å¼·ä¼šã€ï¼ˆ2æœˆ25æ—¥é–‹å‚¬ï¼‰ã«è¡Œã£ã¦ã¿ãŸã€‚å‹‰å¼·ä¼šã§ã¯åŒç¤¾ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã€HTML5/CSS3ã«ã‚ˆã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚²ãƒ¼ãƒ ã®é–‹ç™ºäº‹ä¾‹ã«ã¤ã„ã¦èªžã£ãŸã€‚
poad1010 2011/04/27
Flash

html

html5

canvas

flash

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

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

flash

HTML

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã®è¦‹ã›æ–¹ã‚’ã²ã¨å·¥å¤«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
poad1010 2011/04/06
jquery

*ã‚ã¨ã§

jQuery

*jquery

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

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

Engineer

*plugin

*webåˆ¶ä½œ

æ–°ç€ãƒ‹ãƒ¥ãƒ¼ã‚¹
ãƒªãƒ³ã‚¯
[CSS]å¯å¤‰ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¹…ã®æœ€å¤§å€¤ã‚’åˆ¶é™ã™ã‚‹ç°¡å˜ãªæ–¹æ³•
ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¹…ãŒå¯å¤‰ã™ã‚‹Fluid Layoutã«ã—ãŸéš›ã€ãã®å¹…ã®æœ€å¤§å€¤ã‚’åˆ¶é™ã™ã‚‹ç°¡å˜ãªæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Rein In Fluid Width By Limiting HTML Width [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ <html>ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§æœ€ã‚‚ãƒ¬ãƒ™ãƒ«ãŒä¸Šä½ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ã™ã€‚ãã—ã¦ã€ä»–ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯å…¨ã¦ã€<html>ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«å†…åŒ…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚‚ã—ã€ã‚ãªãŸãŒå¹…ãŒå¯å¤‰ã«å¯¾å¿œã—ãŸã‚µã‚¤ãƒˆã‚’ä½œæˆã—ã€ãã®å¹…ã®æœ€å¤§å€¤ã‚’åˆ¶é™ã—ãŸã„æ™‚ã¯ã€<html>ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«æœ€å¤§å¹…ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚
poad1010 2011/02/22
css

html

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

*css

*tips

webåˆ¶ä½œ

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

*webåˆ¶ä½œ

å¯å¤‰

layout
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯è¦ãƒã‚§ãƒƒã‚¯ã€‚OAuthãƒ—ãƒãƒã‚¤ãƒ€å®Ÿè£…ã®ãƒŽã‚¦ãƒã‚¦ã‚’ã‚³ãƒ¼ãƒ‰ã‹ã‚‰çŸ¥ã‚‹ã€ŒOAuth Provider Demoã€ | MOONGIFT | ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ç´¹ä»‹ã‚’ä¸å¿ƒã¨ã—ãŸITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢/Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ãƒ–ãƒã‚°
OAuth Provider Demoã¯Rails3ã§å®Ÿè£…ã•ã‚ŒãŸã€OAuthãƒ—ãƒãƒã‚¤ãƒ€ã®ãƒ‡ãƒ¢ãƒ—ãƒã‚°ãƒ©ãƒ ã€‚ [/s2If] OAuth Provider Demoã¯Ruby on Rails3è£½ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ï¼‰ã€‚Webã‚µãƒ¼ãƒ“ã‚¹ã§Web APIã‚’å…¬é–‹ã™ã‚‹ã“ã¨ã¯æ±ºã—ã¦çã—ã„ã“ã¨ã§ã¯ãªããªã£ã¦ã„ã‚‹ã€‚ãã—ã¦æœ€ã‚‚å¤šã„ã®ã¯æ‰‹è»½ã«åˆ©ç”¨ã§ãã‚‹RESTfulã®ã‚‚ã®ãŒå¤šã„ã€‚ ãƒ¦ãƒ¼ã‚¶æƒ…å ±ã®JSON ãã‚“ãªWeb APIã‚’æä¾›ã™ã‚‹å ´åˆã€èªè¨¼ã«ã¤ã„ã¦ã¯OpenIDã‚’ä½¿ã†ã®ãŒã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£çš„ã«ã‚‚å®‰å¿ƒã§ãã‚‹ã€‚ãã—ã¦å„æ©Ÿèƒ½ã«ã¤ã„ã¦ã¯OAuthã‚’ä½¿ã†ã®ãŒè‰¯ã„ã€‚ãã†ã™ã‚Œã°ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’ä¿å˜ã—ãªãã¦æ¸ˆã‚€ã€‚ãã®æ™‚ã®å‚è€ƒã«ãªã‚‹ã®ãŒOAuth Provider Demoã ã€‚ å€‹äººçš„ã«ã“ã‚Œã¯ã‹ãªã‚Šæ¬²ã—ã‹ã£ãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã ã€‚OAuthã‚’åˆ©ç”¨ã™ã‚‹å´ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯æ•°å¤šã„ãŒã€æä¾›ã™ã‚‹å´ã®ã‚„ã‚Šæ–¹ã«ã¤ã„ã¦
poad1010 2011/01/19
oauth

demo

Web API

Web

ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ»IT

ruby

rails

*webåˆ¶ä½œ

WEB

rails3
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ä¾¿åˆ©ï¼ãƒ–ãƒ©ã‚¦ã‚¶/ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã”ã¨ã®CSSè¨å®šã‚’JavaScriptã§è§£æ±ºã™ã‚‹Â·CssUserAgent MOONGIFT
Css UserAgentã¯JavaScriptã‚’ä½¿ã£ã¦ãƒ–ãƒ©ã‚¦ã‚¶/ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã”ã¨ã®ã‚¯ãƒ©ã‚¹å®šç¾©ã‚’ç”Ÿæˆã™ã‚‹ã€‚ [/s2If] Css UserAgentã¯JavaScriptè£½/Webç”¨ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚CSSã¯ä¾¿åˆ©ã ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦æŒ‡å®šãŒç•°ãªã£ã¦ã—ã¾ã†ã‚±ãƒ¼ã‚¹ã«å¯¾å¿œã—ã‚ˆã†ã¨æ€ã†ã¨é€”ç«¯ã«ç…©é›‘ã«ãªã£ã¦ã—ã¾ã†ã€‚ç‰¹ã«ã“ã“æ•°å¹´ã®ã‚ˆã†ã«Webãƒ–ãƒ©ã‚¦ã‚¶ã®ç¨®é¡žãŒå¢—ãˆã‚‹ã¨å¤§å¤‰ã ã€‚ ã“ã®ã‚ˆã†ãªã‚¯ãƒ©ã‚¹ãŒå®šç¾©ã•ã‚Œã‚‹ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã§è€ƒãˆã¦ã‚‚æ•°å¤šãã€ã•ã‚‰ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã£ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°çµæžœãŒç•°ãªã‚‹ã¨ãªã‚‹ã¨ç™ºç‹‚ã—ãã†ã«ãªã£ã¦ã—ã¾ã†ã»ã©ã ã€‚ãã‚“ãªè‹¦ã—ã‚€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€…ã‚’æ•‘ã†ã‹ã‚‚ã—ã‚Œãªã„ã®ãŒCss UserAgentã ã€‚ Css UserAgentã¯ua-*ã¨ã„ã†ã‚¯ãƒ©ã‚¹åã‚’è‡ªå‹•çš„ã«å®šç¾©ã™ã‚‹JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã ã€‚ã€Œua-ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶åï¼‰ã€ã€Œua-ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶åï¼‰-ï¼ˆãƒ¡ã‚¸ãƒ£ãƒ¼ç•ªå·ï¼‰ã€ã€Œua-
poad1010 2011/01/16
ãƒ–ãƒ©ã‚¦ã‚¶

ä¾¿åˆ©

Web

css

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹

ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢

javascript

webé–‹ç™º

webåˆ¶ä½œ

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
SVGã§ã‚°ãƒ©ãƒ•ã‚’ç”Ÿæˆã™ã‚‹Â·SVGGraph MOONGIFT
SVGGraphã¯PHPè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚HTML5ãŒæ£å¼ã«æ±ºã¾ã‚Šã€ãƒ¡ã‚¸ãƒ£ãƒ¼ãªãƒ–ãƒ©ã‚¦ã‚¶ãŒHTML5å¯¾å¿œã‚’å¼·ã‚ã¦ã„ã‚‹ã€‚ãã‚“ãªä¸ã€ã‚ˆã†ã‚„ãæ—¥ã®ç›®ã‚’è¦‹ãã†ãªã®ãŒSVGã ã€‚æŠ€è¡“çš„ã«ã¯æ˜”ã‹ã‚‰ã‚ã‚‹ã‚‚ã®ã®ã€å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãŒé™ã‚‰ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã£ã¦ã‚ã¾ã‚Šä½¿ã‚ã‚Œã¦ã“ãªã‹ã£ãŸã€‚ æ£’ã‚°ãƒ©ãƒ•ã€å††ã‚°ãƒ©ãƒ• SVGã‚’ä½¿ã†ã¨å¹¸ã›ãªã®ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’è¡Œãˆã‚‹ã¨ã„ã†ã“ã¨ã ã€‚ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã¯ç”»åƒã‚’ç”Ÿæˆã™ã‚‹å¿…è¦ãŒãªãã€XMLãƒ™ãƒ¼ã‚¹ã§ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ã‚’å‡ºåŠ›ã™ã‚Œã°è‰¯ã„ã ã‘ã ã€‚ãã—ã¦SVGã‚’ä½¿ã£ãŸã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒSVGGraphã ã€‚ SVGGraphã¯PHPã‚’ä½¿ã£ã¦ã‚°ãƒ©ãƒ•ã‚’ç”Ÿæˆã™ã‚‹ã€‚å¯¾å¿œã—ã¦ã„ã‚‹ã‚°ãƒ©ãƒ•ã¯æ£’ã‚°ãƒ©ãƒ•ã€å††ã‚°ãƒ©ãƒ•ã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã€æ•£å¸ƒå›³ã¨ãªã£ã¦ã„ã‚‹ã€‚æ£’ã€å††ã‚°ãƒ©ãƒ•ã¯3Dè¡¨ç¤ºã«ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã ã€‚ç”»åƒã¨ã¯ç•°ãªã‚Šã€ãƒªãƒ³ã‚¯ã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ãŒã§ããŸã‚Šã€å€¤ã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’å…¥ã‚Œã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚ æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ãŠã‚ˆã³æ•£å¸ƒ
poad1010 2011/01/03
SVG

ãƒ„ãƒ¼ãƒ«

php

ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ»IT

*web

HTML5

ã‚°ãƒ©ãƒ•

Read later

*webåˆ¶ä½œ

graph
ãƒªãƒ³ã‚¯
jQuery UIã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’ä½¿ã£ã¦ã¿ã‚ˆã†
å¯¾è±¡èªè€… jQuery UIã«èˆˆå‘³ãŒã‚ã‚Šã€ä½¿ã£ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ã‚‹æ–¹ å¿…è¦ãªç’°å¢ƒã¨æº–å‚™ jQuery UIã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ åŸ·ç†æ™‚ç‚¹ã®jQuery UIã®æœ€æ–°ç‰ˆã¯ã€1.8.2ã§ã™ã€‚ç¬¬1å›žã‚’å‚è€ƒã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã—ã‚‡ã†ã€‚ Dialog Dialogã¯ã€ãƒ¦ãƒ¼ã‚¶ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«å¯¾ã—ã¦ã€è¦å‘Šã€å•ã„åˆã‚ã›ãªã©ã®ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’è¡¨ç¤ºã•ã›ãŸã„ã¨ãã«åˆ©ç”¨ã—ã¾ã™ã€‚ä¾‹ãˆã°ã€ãƒ¦ãƒ¼ã‚¶ç™»éŒ²æ™‚ã«ã€Œç™»éŒ²ã—ã¾ã™ã€‚ã‚ˆã‚ã—ã„ã§ã™ã‹ï¼Ÿã€ã¨ã„ã£ãŸãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚„ã€ãƒ‡ãƒ¼ã‚¿ã‚’å‰Šé™¤ã•ã›ã‚‹æ™‚ã«ã€Œå‰Šé™¤ã—ã¾ã™ãŒã€ã‚ˆã‚ã—ã„ã§ã™ã‹ï¼Ÿã€ãªã©ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»Šå›žã¯ã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ï¼»OKï¼½ã¨ï¼»ã‚ãƒ£ãƒ³ã‚»ãƒ«ï¼½ãƒœã‚¿ãƒ³ãŒé…ç½®ã•ã‚ŒãŸãƒ€ã‚¤ã‚¢ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’å–ã‚Šä¸Šã’ã¾ã™ã€‚ ãƒªã‚¹ãƒˆ1ã«Dialogãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½¿ç”¨ä¾‹ã‚’ã€å›³1ã€å›³2ã«å®Ÿè¡Œçµæžœã‚’ç¤ºã—ã¾ã™ã€‚ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
poad1010 2010/09/29
text

ui

jquery

css

js

jQuery

*Webåˆ¶ä½œ

JavaScript

*jquery

*ui
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3å¯¾å¿œã«ã™ã‚‹ -CSS3 PIE
IE6/7/8ã§ã‚‚CSS3ã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
poad1010 2010/07/16
css3

css

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

webdesign

ie6

*css

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

*Webåˆ¶ä½œ

CSS3

CSS
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒŠã®ç‚ºã®HTML5ã¨CSS3ã®ãƒ„ãƒ¼ãƒ«å®Œå…¨ç‰ˆ | ã—ã¶ã‚Šã³é€šä¿¡
AppleãŒã€iPad/iPhoneã§ã‚‚è¦‹ã‚‰ã‚Œã‚‹HTML5ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ã‚¹ãƒ†ã‚£ãƒ¼ãƒ–ãƒ»ã‚¸ãƒ§ãƒ–ã‚ºã¯ã‹ãã¦ã‚ˆã‚Šã€ŒæŠ€è¡“ã¯ç§»ã‚Šå¤‰ã‚ã‚‹ã‚‚ã®ã§ã€æœ€ç››æœŸã‚’éŽãŽã‚Œã°å¢“å ´è¡Œãã ã€‚ã€ã¨ç™ºè¨€ã—ã¦ã„ã¾ã™ã€‚ FLAHã‚’åˆ‡ã‚Šæ¨ã¦ã€HTML5ã«è³ã‘ã‚‹ãã®æ„æ°—è¾¼ã¿ã¯ã€å¤šãã®WEBåˆ¶ä½œè€…ã«ã‚‚ä¼ã‚ã£ãŸäº‹ã§ã—ã‚‡ã†ã€‚ ãƒˆãƒ¬ãƒ³ãƒ‰ã«ä¹—ã£ã¦iPad/iPhoneç”¨ã«æœ€é©åŒ–ã™ã¹ãã‹ã€ã¾ã ã¾ã ã‚·ã‚§ã‚¢ã®é«˜ã„æ—¢å˜ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã«æœ€é©åŒ–ã™ã‚‹ã®ã‹æ‚©ã‚€ã¨ã“ã‚ã§ã™ã€‚ Ultimate List of HTML5 and CSS3 Tools Admix Webã«ã¦ã€Ultimate List of HTML5 and CSS3 Toolsã¨é¡Œã—ã¦ã€Teylor Felizã•ã‚“ãŒåŸå‘³ã—ãŸHTML5ã¨CSS3ã®ãƒ„ãƒ¼ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 1.HTML5 & CSS3 Readiness å„ãƒ–ãƒ©ã‚¦ã‚¶ã®HTML5ã¨CSS3å¯¾å¿œçŠ¶æ³ã¨ãã®é€²æ—ãŒã‚ã‹ã‚Šã¾
poad1010 2010/06/05
css3

css

HTML5

html

ã¾ã¨ã‚

html5

css

*Webåˆ¶ä½œ

webdesign
ãƒªãƒ³ã‚¯
1