[B! *betta] wa_kyokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

wa_kyoko id:wa_kyoko

*bettaã«é–¢ã™ã‚‹wa_kyokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (65)

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

65657ï½œã‚»ãƒ«ãƒˆãƒŠ 4wayãƒ–ãƒ©ãƒ³ã‚±ãƒƒãƒˆ å•†å“è©³ç´°ï½œãƒŽãƒ™ãƒ«ãƒ†ã‚£ãƒ»è²©ä¿ƒå“ãƒ»å„ç¨®è¨˜å¿µå“ã®å°‚é–€åº—ã€Œã‚®ãƒ•ãƒˆã‚¤ãƒƒãƒˆ ãƒŽãƒ™ãƒ«ãƒ†ã‚£ãƒ¼ã€
wa_kyoko 2011/11/15
*betta

å•†å“
ãƒªãƒ³ã‚¯
Page not found
wa_kyoko 2011/11/15
*betta

è²©ä¿ƒ
ãƒªãƒ³ã‚¯
Page not found
wa_kyoko 2011/11/15
*betta

è²©ä¿ƒ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®è³‡æ–™ä½œã‚Šã«ä¾¿åˆ©ãª ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ç”»åƒã‚’é›†ã‚ã¦ã¿ãŸ
ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é–¢ã—ã¦ã®é›»åæ›¸ç±ã‚’åŸ·ç†ã—ã¦ã„ã¾ã™ã€‚ãã®ä¸ã§ã€ãƒ•ãƒªãƒƒãƒ—ã€ã‚¿ãƒƒãƒ—ã€ã‚¹ãƒ¯ã‚¤ãƒ—ãªã©ã®ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã‚’ç”¨æ„ã™ã‚‹å¿…è¦ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚Fireworksãªã©ã§ä¸€ã‹ã‚‰ä½œã‚‹ã®ã¯éžå¸¸ã«å¤§å¤‰ãªã®ã§ä¾¿åˆ©ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚’è‡ªåˆ†ãªã‚Šã«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãªã©ã‚’ã—ã¦çµæ§‹é›†ã‚ã¦ã„ã¾ã—ãŸã€‚ãã‚Œã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚
wa_kyoko 2011/11/14
*betta

ä¼ç”»

è³‡æ–™
ãƒªãƒ³ã‚¯
Google Docs ã§ä½œã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ
Google Docsã§ã¤ãã‚‹ã¨ãƒãƒ¼ãƒ ã§è³‡æ–™ãªã©ã‚’å…±æœ‰ã™ã‚‹ã¨ãã«éžå¸¸ã«æ¥½ã§ã™ã€‚ãã“ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¾ã§ã®Google Docsã§ã¤ãã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚
wa_kyoko 2011/11/14
*betta

ä¼ç”»

è³‡æ–™
ãƒªãƒ³ã‚¯
Responsive Web Design ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é›†ã‚ã¦ã¿ãŸã€‚
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®é–‹ç™ºã‚’è€ƒãˆã‚‹ã¨ã€ã“ã‚Œã ã‘ã€ç”»é¢ã‚µã‚¤ã‚ºãŒå¢—ãˆã¦ãã‚Œã° PHPã‚„.htaccess ã§å…¨ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ç´°ã‹ãæŒ¯ã‚Šåˆ†ã‘ã‚’è¡Œã„ã€åˆ¥ã€…ã®HTMLã‚„CSSã‚’æä¾›ã™ã‚‹æ‰‹æ³•ã¯ã€ã‚¼ãƒã‚µãƒ ã‚²ãƒ¼ãƒ ã¿ãŸã„ãªã‚‚ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã¯ã‚³ã‚¹ãƒˆãŒé‡ãã®ã—ã‹ã‹ã‚Šã€é–‹ç™ºè€…ã«ã¯é–‹ç™ºæ™‚é–“ãŒé‡ãã®ã—ã‹ã‹ã‚Šã¾ã™ã€‚ã“ã“ã«ã¯ win-win ã®ã‚ˆã†ãªé–¢ä¿‚ã¯å…¨ããªã„ã§ã—ã‚‡ã†ã€‚ ã€ŒResponsive Web Designï¼ˆãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ã€ ã“ã‚“ãªæ™‚ã€å°‘ã—è€ƒãˆæ–¹ã‚’å¤‰ãˆã¦ Responsive Web Designï¼ˆãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ã‚’æŽ¡ç”¨ã—ã¦ã¯ã©ã†ã§ã—ã‚‡ã†ã€‚ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã«åå¿œã™ã‚‹ã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤‰ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã§ã™ã€‚allWebã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼å¡¾ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³è¬›åº§ã§ã¯ã€ä¸€è²«ã—ã¦ ã€ŒResponsive Web Designï¼ˆãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿ã‚’é›†ã‚ãŸ ã€Œmediaqueri.esã€
ä»¥å‰ ã€ŒResponsive Web Design ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é›†ã‚ã¦ã¿ãŸã€‚ã€ã‚’ã—ãŸã¨ã“ã‚éžå¸¸ã«äººæ°—ãŒã‚ã‚Šã¾ã—ãŸã€‚ãã“ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿ã‚’é›†ã‚ãŸã€Œmediaqueri.esã€ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‹ãªã‚Šã®æ•°ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã®ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãã‚Œãžã‚Œã§ãƒ‡ã‚¶ã‚¤ãƒ³ãŒé•ã†ã®ã§å‹‰å¼·ã«ãªã‚Šã¾ã™ã€‚
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ä½•ï¼Ÿ
å…ˆæ—¥ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é›†ã‚ãŸã€Œmediaquri.esã€ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€å‘¨ã‚Šã®äººã‹ã‚‰ãã‚‚ãã‚‚ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãŒä½•ã‹ã¨ã„ã†ã“ã¨ã‚’èª¬æ˜Žã—ã¦æ¬²ã—ã„ã¨è¨€ã‚ã‚Œã¾ã—ãŸã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€ã¯ã€Œåå¿œåž‹ã€ã¨ã‚‚è§£é‡ˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä½•ã«åå¿œã™ã‚‹ã®ã‹ã¨ã„ã†ã¨ã€ã€Œã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®å¹…ã€ã§ã™ã€‚ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãŒãƒ‡ãƒã‚¤ã‚¹ã®ã‚¹ãƒªãƒ¼ãƒ³ã®å¹…ã«åå¿œã—ã¦å¯å¤‰ã‚’ã—ã¦ã„ãã®ãŒã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§ã™ã€‚ç¾åœ¨ã§ã¯ã€iPhone ã®ã¿ãªã‚‰ãš Android ãªã©å¤šæ§˜ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã‚’ã‚‚ã£ãŸãƒ‡ãƒã‚¤ã‚¹ãŒå‡ºç¾ã—ã¦ã„ã¾ã™ã€‚ç‰¹å®šã®ãƒ‡ãƒã‚¤ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ã€ä»–ã®ãƒ‡ãƒã‚¤ã‚¹ã§ä¸Šæ‰‹ãè¡¨ç¤ºã•ã‚Œãªã„å•é¡Œãªã©ãŒç™ºç”Ÿã—ã¾ã™ã€‚ãƒ‡ãƒã‚¤ã‚¹ã‚’åŸºæº–ã«è€ƒãˆã‚‹ã®ã§ã¯ãªãã¦ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚µã‚¤ã‚ºã‚’å…ƒã«è€ƒãˆã‚ˆã†ã¨ã„ã†ã®ãŒãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
IE6-8 ã«ã‚‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã™ã‚‹ã€Œrespond.jsã€
allWebã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼å¡¾ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³è¬›åº§ã§ã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¾¹åº•çš„ã«æ•™ãˆè¾¼ã¿ã¾ã™ã€‚ãã®ãªã‹ã§ã€IE6-8 ï¼ˆIE6ã¯ã™ã§ã«å¯¾è±¡å¤–ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ï¼‰ã¸ Media Queries ã‚’é©ç”¨ã™ã‚‹ JSã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ãã‚ŒãŒã€ã€Œrespond.jsã€ã§ã™ã€‚ ã€Œrespond.jsã€ã¯ éžå¸¸ã«è»½ãã¦(æœ€å°åŒ–ãƒãƒ¼ã‚¸ãƒ§ãƒ³3kb /gzipãƒãƒ¼ã‚¸ãƒ§ãƒ³ 1kb)ä½¿ã„ã‚„ã™ã„ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ä½œæˆã—ãŸã®ã¯ã€jQuery UI ã‚„ thmem roller ãªã©ã‚’ä½œæˆã—ãŸ ã€ŒScott Jehlã€ã€æœ€è¿‘äººæ°—ãŒæ€¥ä¸Šæ˜‡ã®é–‹ç™ºè€…ã§ã™ã€‚jQuery Mobile ã‚‚å¤§ããé–¢ã‚ã£ã¦ã„ã¾ã™ã€‚ åˆ©ç”¨æ–¹æ³• åˆ©ç”¨æ–¹æ³•ã¯ç°¡å˜ã§ã€ã€Œrespond.jsã€ã‚’<head></head>å†…ã® CSSãƒ•ã‚¡ã‚¤ãƒ«ã®å¾Œã«è¨ç½®ã™ã‚‹ã ã‘ã§ã™ã€‚ <head> <meta charset="utf-8" /> <
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
allWebã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼å¡¾ã€€ãƒ–ãƒã‚°: ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã® Media Queries ã®è¨å®šã¨15px
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§å¤§ããªãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹ã®ãŒã€ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã‚µã‚¤ã‚ºã®è¨å®šã§ã™ã€‚ä»¥å‰ã«ã€Œmediaqueriesã€ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã® ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã‚µã‚¤ã‚ºã‚’èª¿æŸ»ã—ãŸã“ã¨ãŒã‚ã‚Šã¾ã—ãŸãŒã€ä»Šå›žã¯ ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã‚µã‚¤ã‚ºã®è¨å®šã«ã¤ã„ã¦è©³ã—ãç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã‚µã‚¤ã‚ºãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã‚µã‚¤ã‚ºã§ã™ãŒã€ 800px â€“ãƒãƒƒãƒˆãƒ–ãƒƒã‚¯ã€Nexus Oneã€Dell Streak ãªã©ã®ã‚µã‚¤ã‚ºã€‚ 600px â€“ ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆç«¯æœ«ã€ä¾‹ãˆã° SamuSung ã‚®ãƒ£ãƒ©ã‚¯ã‚·ãƒ¼ã€Blackberry Playbookã€‚iPhone 4 ã®ãƒãƒ¼ãƒˆãƒ¬ãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºã¯å°‘ã—å¤§ãã„ 640pxãªã®ã§ã€800pxã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒ iPhone4 ã®ãƒãƒ¼ãƒˆãƒ¬ãƒ¼ãƒˆã§ã¯é©ç”¨ã•ã‚Œã‚‹ã€‚ 480px â€“ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯ä¸€èˆ¬çš„ãªã‚µã‚¤ã‚ºã€3GSä»¥ä¸‹ã®iPhone ã®ãƒãƒ¼ãƒˆãƒ¬ãƒ¼ãƒˆãƒ¢ãƒ¼ãƒ‰ã‚‚ã“ã®ã‚µã‚¤ã‚ºã€‚ 3
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
CSS3 ã€Œremã€ã£ã¦ä½•ã ã€‚
CSS3ã‚’å‹‰å¼·ã™ã‚‹éš›ã«å¤§åˆ‡ãªã“ã¨ã¯ï¼’ã¤ã‚ã‚Šã¾ã™ã€‚ã²ã¨ã¤ç›®ã¯ã€â€çŸ¥ã£ã¦ã„ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã„ã‹ã«ä¸Šæ‰‹ã«ä½¿ã†ã‹ã¨ã„ã†ã“ã¨â€ã€äºŒã¤ç›®ã¯ã€â€çŸ¥ã‚‰ãªã„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã‚‚ã£ã¨å‹‰å¼·ã™ã‚‹ã“ã¨â€ã ã¨è¨€ãˆã¾ã™ã€‚ ä»Šå›žã¯ã€å¾Œè€…ã®ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã§ã‚ã‚ã†ã€Œremã€ã‚’ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ã¨ã¯è¨€ã£ã¦ã‚‚ã€Œremã€ã¯ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã¯ãªãå˜ä½ã«ãªã‚Šã¾ã™ã€‚å˜ä½è¡¨ç¤ºã§ãŠãªã˜ã¿ã®ã€Œemï¼šã‚¨ãƒ ã€ã«ä¼¼ã¦ã„ã¾ã™ãŒã€Œemã€ã®æ§˜ã«è¦ªè¦ç´ ã®å€¤ã«å½±éŸ¿ã‚’å—ã‘ã‚‹äº‹ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æŒ‡å®šã‚’è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã€Œpxã€ã‚’åˆ©ç”¨ã™ã‚‹ã¨ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å›ºå®šã™ã‚‹ã“ã¨ãŒã§ãã¦åˆ¶ä½œã™ã‚‹éš›ã«ã¯ä¾¿åˆ©ã ã£ãŸã‚Šã—ã¾ã™ãŒã€æœ€è¿‘ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆå‘ã‘ã«ã€ŒResponsive Web Designã€ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã§ã€Œemã€ã®ã‚ˆã†ãªç›¸å¯¾å˜ä½ã‚’ã€ŒResponsive Type Settingã€ã¨ã—ã¦åˆ©ç”¨ã—ã¾ã™ã€‚ ãŸã ã—ã€IE ã§ã¯ã€Œemã€ã‚’åˆ©ç”¨ã™ã‚‹ã¨
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

css3

font
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒœã‚¿ãƒ³ã‚µã‚¤ã‚º UI
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹éš›ã® UI ã®ã‚µã‚¤ã‚ºã«ã¯èª°ã‚‚ãŒæœ€åˆã¯æ‚©ã‚“ã§ã—ã¾ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã«å½¹ã«ç«‹ã¤ã®ãŒã€Android ã‚„ iOSã®UI ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ã€‚ãã®ä¸ã‹ã‚‰ã€ãƒœã‚¿ãƒ³ã®ã‚µã‚¤ã‚ºã«é–¢ã™ã‚‹éƒ¨åˆ†ã ã‘ã‚’æŠœãå‡ºã—ã¦é›†ã‚ã¾ã—ãŸã€‚ ãƒœã‚¿ãƒ³ã®ã‚¿ãƒƒãƒéƒ¨åˆ†ã®ã‚µã‚¤ã‚ºã¯æœ€å°ã§é«˜ã•ã¨å¹…ã¯44ptãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ãŸã ã—ã€2010å¹´ã«é–‹å‚¬ã•ã‚ŒãŸ Apple Tech Talk ã«ã¦Apple ã®UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã® Eric Hope æ°ã¯ã€åž‚ç›´æ–¹å‘ã¸ãƒœã‚¿ãƒ³ãŒã‹ã•ãªã‚‰ãªã„ã®ã§ã‚ã‚Œã°ã€ä¾‹å¤–ã¨ã—ã¦é«˜ã•ã¯ æœ€å°ã§22ptã‚’OKã¨ã—ã¦ã„ã‚‹ã¨è©±ã—ã¦ã„ã¾ã™ã€‚äº‹å®Ÿã€iPhone ã®ãƒ©ãƒ³ãƒ‰ã‚¹ã‚±ãƒ¼ãƒ—ãƒ¢ãƒ¼ãƒ‰ã§ã¯44px x 44px ã§ã¯ãªãã€48px xÂ 38pxã®é«˜ã•ã®ãƒœã‚¿ãƒ³ã‚‚è¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚
wa_kyoko 2011/11/14
*betta

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
Responsive Web Design ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ä¼æ¥ã‚µã‚¤ãƒˆãƒªã‚¹ãƒˆ
allWebã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼å¡¾ ãƒ–ãƒã‚°ã§ã¯ã€Responsive Web Designï¼ˆãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ ã‚’ã‚ˆãå–ã‚Šä¸Šã’ã¦ã„ã¾ã™ã€‚ã§ã¯ã€å®Ÿéš›ã«ä¸€èˆ¬ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„å€‹äººä»¥å¤–ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ Responsive Web Design ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã¯ã©ã®ãã‚‰ã„ã‚ã‚‹ã§ã—ã‚‡ã†ï¼Ÿã¨ã„ã†ã“ã¨ã§æŽ¢ã—ã¦ã¿ã¾ã—ãŸã€‚ç‰¹ã«ä¸€èˆ¬ã®ä¼æ¥ã‚’ä¸å¿ƒã«é›†ã‚ã¦ã¿ã¾ã—ãŸã®ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä¸€èˆ¬ä¼æ¥ã§ã©ã“ãŒåˆ©ç”¨ã—ã¦ã„ã‚‹ã®ã‹èˆˆå‘³ãŒã‚ã‚‹æ–¹ã¯ã€æ˜¯éžã¨ã‚‚å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ æ–°èžç·¨ About.comãªã‚“ã¨ã€New York Time ã®ä¸€éƒ¨ã§ã‚ã‚‹ã€ã€ŒAbout.comã€ã§ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚æ—¥æœ¬ã®å„æ–°èžã«ã‚‚ãã®ãƒ“ã‚¸ãƒã‚¹ãƒ¢ãƒ‡ãƒ«ã¾ã§å½±éŸ¿ã‚’ã‚ãŸãˆã‚‹ã€ŒNew York Timesã€ã¾ã§ã‚‚ãŒã€€Responsive Web Designï¼ˆãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ã¨ã¯é©šãã§ã™ãã€‚æµ·å¤–ã§ã¯
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã®UIã‚’å‚è€ƒã«ã§ãã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ
ã‚¹ãƒžãƒ›ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ã¨ãã€UIã®å‚è€ƒã«ãªã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒã‚ã‚‹ã¨éžå¸¸ã«ä¾¿åˆ©ã§ã™ã€‚ãã‚“ãªã‚µã‚¤ãƒˆã‚’ï¼’ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼‘ã¤ã¯ ã€ŒMoible UI Patternã€ã‚‚ã†ä¸€ã¤ã¯ã€Œlovely uiã€ã§ã™ã€‚ã©ã¡ã‚‰ã‚‚ã€æ§˜ã€…ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®UIãƒ‘ã‚¿ãƒ¼ãƒ³ã ã‘ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ Moible UI Pattern Mobile UI Patter ã¯ã€ã„ã‚ã‚“ãªã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚«ãƒ†ã‚´ãƒªãƒ¼ã”ã¨ã«æ¯”è¼ƒã•ã‚Œã¦ã„ã¾ã™ã€‚ä¾‹ãˆã°ã€ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—ã®ãƒ•ãƒãƒ¼ãªã©ã‚‚ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚
wa_kyoko 2011/11/14
*betta

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã€ŒResponsive Design Testingã€
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ ã®ç‚ºã®ãƒ„ãƒ¼ãƒ« Responsive Web Design ã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œè£½ã™ã‚‹ã¨ãã«ã€è¤‡æ•°ã®ç”»é¢ã‚µã‚¤ã‚ºã‚’ä¸€è¦§ã§ç¢ºèªã§ããªãã¦å›°ã£ãŸäº‹ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãã‚“ãªæ™‚ã«ã€ã€ŒResposive Design Testingã€ã¯æœ€é©ãªãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã“ã®ãƒ„ãƒ¼ãƒ«ã¯ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ãƒ£ãƒ—ãƒãƒ£ãƒ¼ã®URLãƒœãƒƒã‚¯ã‚¹ã«ã€ç¢ºèªã—ãŸã„ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘ã‚¹ã‚’å…¥åŠ›ã™ã‚Œã°ã€æ¨ªå¹…240pxã€320pxã€480pxã€768pxã€1024px ã®ãã‚Œãžã‚Œã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’è‡ªåˆ†ã§å¤‰æ›´ã™ã‚‹å¿…è¦ãŒãªã„ã®ã¯æ™‚é–“ã‚’çŸç¸®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ã“ã®ã€ŒResponsive Design Testing ã€ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãƒãƒ¼ã‚«ãƒ«ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã¾ã¨ã‚ ã€ŒResponsive Design Testingã€ã®ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ãŒæœ€è¿‘ã§ã¯ã€è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã‚„ã¯ã‚Šã€ãƒ¬ã‚¹
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ ã«ã¯æ¬ ã‹ã›ãªã„ã€‚ã‚¹ã‚±ãƒƒãƒãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ã€ŒRESPONSIVE WEB DESIGN SKETCH SHEETã€ã¯Â ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ ã«ä¾¿åˆ©ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ã€‚ç´°ã‹ã„ãƒ©ãƒ•ã®ä½œæˆã«ã¯å‘ã„ã¦ãªã„ã§ã™ãŒã€å„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºï¼ˆã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆç”¨ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã€ãƒ†ãƒ¬ãƒ“ç”¨ï¼‰ã®ãƒ©ãƒ•ã‚¹ã‚±ãƒƒãƒã«ã¯ãƒ”ãƒƒã‚¿ãƒªã§ã™ã€‚
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
å¤§æ‰‹æ–°èžç¤¾ã® Boston Globe ã‚‚ Responsive Web Design ã‚’æŽ¡ç”¨
wa_kyoko 2011/11/14
*betta

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
Amazon.co.jp: :
wa_kyoko 2011/10/26
*betta

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

ãƒ†ã‚¹ãƒˆ

ç«¯æœ«
ãƒªãƒ³ã‚¯
http://www.zazhimi.com/
wa_kyoko 2011/10/12
*betta

æµ·å¤–

jyouhou
ãƒªãƒ³ã‚¯
CSS Niteå…¬å¼ã‚µã‚¤ãƒˆ - ã€ŒCSSã€ã ã‘ã§ãªãã€Webåˆ¶ä½œå…¨èˆ¬ã«é–¢ã™ã‚‹ãƒˆãƒ”ãƒƒã‚¯ã‚’å–ã‚Šä¸Šã’ã‚‹ã‚»ãƒŸãƒŠãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆ
ã‚»ãƒŸãƒŠãƒ¼é–‹å‚¬æƒ…å ± CSS Niteä»¥å¤–ã®ã‚»ãƒŸãƒŠãƒ¼ã¸ã®ãŠå•ã„åˆã‚ã›ã¯ã€ ãã‚Œãžã‚Œã®ã‚¤ãƒ™ãƒ³ãƒˆã®ä¸»å‚¬è€…ã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ åˆ¶ä½œã®ãƒ—ãƒã ã‹ã‚‰ã§ãã‚‹ãƒ“ã‚¸ãƒã‚¹ã‚³ãƒŸãƒƒãƒˆã¨ä»Šæ±‚ã‚ã‚‰ã‚Œã¦ã„ã‚‹æœ¬å½“ã®ä¾¡å€¤ Webã‚µãƒ¼ãƒ“ã‚¹ã®ã‚°ãƒãƒ¼ã‚¹æ”¯æ´ã«å¼·ã¿ã‚’æŒã¡ã€ãŠå®¢æ§˜ã®ãƒ“ã‚¸ãƒã‚¹æˆé•·ã«ã‚³ãƒŸãƒƒãƒˆã—ã¦ã„ã‚‹ãƒ“ãƒƒãƒˆã‚¨ãƒ¼ã®ãŠäºŒäººã‚’ãŠè¿Žãˆã—ã€Webã‚µã‚¤ãƒˆã®æœ¬å½“ã®ä¾¡å€¤ã‚„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚ãƒ£ãƒªã‚¢ã«ã¤ã„ã¦ãŠè©±ã—ã„ãŸã ãã¾ã™ã€‚ é–‹å‚¬æ—¥ï¼š2025å¹´2æœˆ20æ—¥[æœ¨] ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ è©³ã—ãè¦‹ã‚‹ Project Neoï¼ˆãƒ™ãƒ¼ã‚¿ï¼‰ã§å§‹ã‚ã‚‹3Dãƒ‡ã‚¶ã‚¤ãƒ³ï¼šã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã§æãæ–°ã—ã„ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ– ã‚¢ãƒ‰ãƒ“ãŒæä¾›ã™ã‚‹æ–°ã—ã„3Dãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ—ãƒª Project Neo (Beta) ã¯ã€Illustratorã®ã‚ˆã†ãªæ“ä½œæ€§ã§è¦ªã—ã¿ã‚„ã™ãã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‹ã‚“ãŸã‚“ã«3Dã‚·ã‚§ã‚¤ãƒ—ã‚„ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã‚’ä½œæˆãƒ»ç·¨é›†ã§ãã¾ã™ã€‚ é–‹å‚¬æ—¥ï¼š2025å¹´2æœˆ21æ—¥[é‡‘] ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ è©³ã—ãè¦‹ã‚‹
wa_kyoko 2011/10/12
*betta

css
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸