[B! accessibility] amberjack115ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

amberjack115 id:amberjack115

accessibilityã«é–¢ã™ã‚‹amberjack115ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

å®Ÿä¾‹ã§ç´å¾—ï¼ã‚·ãƒ‹ã‚¢ãŒä½¿ãˆãªã„ã‚µã‚¤ãƒˆã®ä¾‹ | ãƒžãƒŸã‚ªãƒ³æœ‰é™ä¼šç¤¾-ãƒ‘ã‚½ã‚³ãƒ³ãƒ»æ•°å¦ç ”ä¿®ã€æ³•äººç ”ä¿®
ãƒ‘ã‚½ã‚³ãƒ³æ•™å®¤ã§ã‚·ãƒ‹ã‚¢å±¤ã«ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ä½¿ã„æ–¹ã‚’æ•™ãˆã¦ã„ã‚‹ã¨ãã»ã© ã€Œã‚ã‚ã€ã“ã“ãŒã‚‚ã†å°‘ã—æ”¹å–„ã•ã‚Œã‚Œã°ï¼ã€ã¨å ãˆãŸããªã‚‹æ™‚ãŒã‚ã‚‹ã€‚ ã€ŒçŸ¥ã‚ŠãŸã„äº‹ã€ã€Œç”³ã—è¾¼ã¿ãŸã„ã‚‚ã®ã€ã€Œè²·ã„ãŸã„ã‚‚ã®ã€ãŒã‚ã£ã¦ ãƒ¯ã‚¯ãƒ¯ã‚¯ã—ã¦ã„ã‚‹ã®ã«ã€å¤šãã®äººãŒã€è‹¥ã„äººã«å–ã£ã¦ã¯ã€Œäº›ç´°ãªã€ãƒŸã‚¹ã§ ã‚µã‚¤ãƒˆä¸Šã§ç›®çš„ã‚’é”æˆã§ããšã«è«¦ã‚ãŸã‚Šã€ è«¦ã‚ãã‚Œãªã„ã‹ã‚‰ã¨ã‚µãƒãƒ¼ãƒˆã‚»ãƒ³ã‚¿ãƒ¼ã«é›»è©±ã—ã¦ ã€Œãã®æƒ…å ±ã¯ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã«è¼‰ã£ã¦ã¾ã™ã€ã¨è¨€ã‚ã‚Œè½ã¡è¾¼ã‚“ã ã‚Šã—ã¦ã„ã‚‹ã€‚ ä»Šæ—¥ã¯å¤§å¦ã®å…¬é–‹è¬›åº§ã«ç”³ã—è¾¼ã‚‚ã†ã¨ã—ã¦ã„ã‚‹70æ³ä»£å¾ŒåŠå¥³æ€§ã®è©±ã€‚ ã‚¦ã‚ã‚¦ã‚ã®ç”³ã—è¾¼ã¿ã€Œå¤§å¦ã®å…¬é–‹è¬›åº§ç”³ã—è¾¼ã¿ãŸã„ã®ã€‚è‹±èªžã‚’ã‚„ã‚Šç›´ã—ãŸã„ã®ã‚ˆã€ã¨ã„ã‚‰ã—ãŸMã•ã‚“ã€‚ ã€Œæ–°èžã®æŠ˜ã‚Šè¾¼ã¿ã§è¬›åº§ã‚’è¦‹ãŸã®ã ã‘ã©ã€ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‹ã‚‰ç”³ã—è¾¼ã‚“ã§ã£ã¦æ›¸ã„ã¦ã‚ã£ã¦ã€‚ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’è¦‹ãŸã®ã ã‘ã©ã©ã†ã™ã‚Œã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã‘ã© ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‹ã‚‰ã—ã‹ç”³ã—è¾¼ã‚ãªã„ã‚‰ã—ã„ã‹ã‚‰ã€ã‚„ã‚Šæ–¹æ•™ãˆã¦ã€ ã¨ã®ã“ã¨ã€‚ ãƒãƒ©ã‚·ã«
amberjack115 2013/10/04
webdesign

design

ui

tips

accessibility

senior
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦–ç‚¹ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ ç¬¬3å›žã€€ã€Œè³‡æ–™è«‹æ±‚ã€ã€Œå•ã„åˆã‚ã›ã€ã€Œä¼šå“¡ç™»éŒ²ã€ã‚’å¢—ã‚„ã™ã‚³ãƒ„ | Webæ‹…å½“è€…Forum
ç¬¬3å›ž ã€Œè³‡æ–™è«‹æ±‚ã€ã€Œå•ã„åˆã‚ã›ã€ã€Œä¼šå“¡ç™»éŒ²ã€ã‚’å¢—ã‚„ã™ã‚³ãƒ„ ç¾å®Ÿã®åº—èˆ—ã‚„çª“å£ã§ã¯ã€ç›®ã®å‰ã«ã„ã‚‹ãŠå®¢ãŒå›°ã£ã¦ã„ã‚Œã°ã™ãã«ã‚ã‹ã‚‹ã—ã€åŒã˜ãƒˆãƒ©ãƒ–ãƒ«ãŒé‡ãªã‚Œã°å•é¡ŒãŒèµ·ããªã„ã‚ˆã†ã«æ–½ç–ã‚’ã¨ã‚‹ã€‚ã—ã‹ã—ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ã‚‹ã¨ãã«ã¯ãŠå®¢ã¯ç›®ã®å‰ã«ã„ãªã„ã—ã€å…¬é–‹å¾Œã«ãŠå®¢ã®å¯¾å¿œã‚’ã™ã‚‹ã®ã¯ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒãƒ¼ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã„ã†æ©Ÿæ¢°ã ã€‚ãã®ãŸã‚ã€ç¾å®Ÿã®å•†å£²ã§ã¯å½“ç„¶ã®ã‚ˆã†ã«è¡Œã£ã¦ã„ã‚‹æŽ¥å®¢ãŒã§ããªã„ã€ã„ã‚„å¿˜ã‚Œã¦ã—ã¾ã£ã¦ã¯ã„ãªã„ã ã‚ã†ã‹ï¼Ÿ ä»Šæœ¨ æ™ºéš†ï¼ˆæ ªå¼ä¼šç¤¾ãƒ“ãƒ¼ãƒ“ãƒƒãƒˆï¼‰ ã‚µã‚¤ãƒˆç›®çš„ã‚’è¸ã¾ãˆãŸè¨è¨ˆã®é‡è¦æ€§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯ã€ã€Œè²©å£²ã€ã€Œãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€Œãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã€ãªã©ã€ã•ã¾ã–ã¾ãªç›®çš„ã®ãŸã‚ã«ä½œã‚‰ã‚Œã¦ã„ã‚‹ã€‚ ãã†ã„ã£ãŸç›®çš„ã‚’é”æˆã™ã‚‹ã«ã‚ãŸã£ã¦ã€ã‚µã‚¤ãƒˆãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è¡Œãç€ã„ã¦ã‚‚ã‚‰ã„ãŸã„ä»£è¡¨çš„ãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ï¼ˆï¼ãƒ“ã‚¸ãƒã‚¹ã‚´ãƒ¼ãƒ«ï¼‰ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã€‚ è£½å“ã®è³¼å…¥ãƒ¡ãƒ«ãƒžã‚¬ç™»éŒ² ä¼šå“¡ç™»éŒ² è³‡æ–™è«‹æ±‚ãŠå•ã„åˆã‚ã›ã“ã®ã‚´ãƒ¼ãƒ«è¨
amberjack115 2013/01/11
webdesign

ui

accessibility

@informative
ãƒªãƒ³ã‚¯
ç¬¬1å›žã€€ã‚µã‚¤ãƒˆè¨ªå•è€…ã®ç›®ç·šã§è€ƒãˆã‚‹ã‚µã‚¤ãƒˆä½œã‚Š | ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦–ç‚¹ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰
ç¬¬1å›ž ã‚µã‚¤ãƒˆè¨ªå•è€…ã®ç›®ç·šã§è€ƒãˆã‚‹ ç¾å®Ÿã®åº—èˆ—ã‚„çª“å£ã§ã¯ã€ç›®ã®å‰ã«ã„ã‚‹ãŠå®¢ãŒå›°ã£ã¦ã„ã‚Œã°ã™ãã«ã‚ã‹ã‚‹ã—ã€åŒã˜ãƒˆãƒ©ãƒ–ãƒ«ãŒé‡ãªã‚Œã°å•é¡ŒãŒèµ·ããªã„ã‚ˆã†ã«æ–½ç–ã‚’ã¨ã‚‹ã€‚ã—ã‹ã—ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ã‚‹ã¨ãã«ã¯ãŠå®¢ã¯ç›®ã®å‰ã«ã„ãªã„ã—ã€å…¬é–‹å¾Œã«ãŠå®¢ã®å¯¾å¿œã‚’ã™ã‚‹ã®ã¯ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒãƒ¼ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã„ã†æ©Ÿæ¢°ã ã€‚ãã®ãŸã‚ã€ç¾å®Ÿã®å•†å£²ã§ã¯å½“ç„¶ã®ã‚ˆã†ã«è¡Œã£ã¦ã„ã‚‹æŽ¥å®¢ãŒã§ããªã„ã€ã„ã‚„å¿˜ã‚Œã¦ã—ã¾ã£ã¦ã¯ã„ãªã„ã ã‚ã†ã‹ï¼Ÿ ä»Šæœ¨ æ™ºéš†ï¼ˆæ ªå¼ä¼šç¤¾ãƒ“ãƒ¼ãƒ“ãƒƒãƒˆï¼‰ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ç·šã‚’è€ƒãˆã‚‹ã“ã¨ã®é‡è¦æ€§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒãƒ“ã‚¸ãƒã‚¹ã¨ã—ã¦æˆåŠŸã™ã‚‹ãŸã‚ã®è¦ç´ ã¯ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ç´°ã‹ãªè¨€è‘‰é£ã„ã«è‡³ã‚‹ã¾ã§ã•ã¾ã–ã¾ã§ã‚ã‚‹ãŒã€ãã®ä¸ã§ã‚‚ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã—ã£ã‹ã‚Šã¨ï¼ˆè¦‹ã¦ã‚‚ã‚‰ã†ã¹ãï¼‰æƒ…å ±ã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã€ã“ã¨ã¯å¸¸ã«é‡è¦ãªè¦ç´ ã®1ã¤ã«æŒ™ã’ã‚‰ã‚Œã‚‹ã ã‚ã†ã€‚ ã„ãã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆè¦‹ãŸç›®ï¼‰ãŒã‚ˆãã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå……å®Ÿã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã‚ã£ã¦ã‚‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯é©šãã»ã©ã™ãã«ã‚µã‚¤ãƒˆã‹ã‚‰é›¢
amberjack115 2013/01/11
webdesign

ui

accessibility

design

@informative
ãƒªãƒ³ã‚¯
ç¬¬2å›žã€€è¦–ç·šã®å‹•ãã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¡Œå‹•ã‚’èªã¿è§£ãã€Œã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°åˆ†æžã€ | Webæ‹…å½“è€…Forum
ç¬¬2å›ž è¦–ç·šã®å‹•ãã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¡Œå‹•ã‚’èªã¿è§£ã ã€Œã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°åˆ†æžã€ ç¾å®Ÿã®åº—èˆ—ã‚„çª“å£ã§ã¯ã€ç›®ã®å‰ã«ã„ã‚‹ãŠå®¢ãŒå›°ã£ã¦ã„ã‚Œã°ã™ãã«ã‚ã‹ã‚‹ã—ã€åŒã˜ãƒˆãƒ©ãƒ–ãƒ«ãŒé‡ãªã‚Œã°å•é¡ŒãŒèµ·ããªã„ã‚ˆã†ã«æ–½ç–ã‚’ã¨ã‚‹ã€‚ã—ã‹ã—ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ã‚‹ã¨ãã«ã¯ãŠå®¢ã¯ç›®ã®å‰ã«ã„ãªã„ã—ã€å…¬é–‹å¾Œã«ãŠå®¢ã®å¯¾å¿œã‚’ã™ã‚‹ã®ã¯ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒãƒ¼ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã„ã†æ©Ÿæ¢°ã ã€‚ãã®ãŸã‚ã€ç¾å®Ÿã®å•†å£²ã§ã¯å½“ç„¶ã®ã‚ˆã†ã«è¡Œã£ã¦ã„ã‚‹æŽ¥å®¢ãŒã§ããªã„ã€ã„ã‚„å¿˜ã‚Œã¦ã—ã¾ã£ã¦ã¯ã„ãªã„ã ã‚ã†ã‹ï¼Ÿ ä»Šæœ¨ æ™ºéš†ï¼ˆæ ªå¼ä¼šç¤¾ãƒ“ãƒ¼ãƒ“ãƒƒãƒˆï¼‰ è¦‹ãˆãªã‹ã£ãŸã€Œãƒšãƒ¼ã‚¸å†…ã®ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‹•ããŒè¦‹ãˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆã‚„ã‚¢ã‚¯ã‚»ã‚¹è§£æžã‚’è¡Œã†ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½•ã‚’è€ƒãˆã¦ã€ã©ã®ã‚ˆã†ãªæµã‚Œã§ã‚µã‚¤ãƒˆå†…ã‚’è¡Œå‹•ã—ã¦ã„ã‚‹ã‹ã€ã‹ãªã‚Šã®éƒ¨åˆ†ã‚’çŸ¥ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ã—ã‹ã—ã€æ¬¡ã®ã‚ˆã†ãªç–‘å•ã«ã¤ã„ã¦ã¯ã€æ£ç¢ºãªç”ãˆã‚’å¾—ã‚‹ã®ã¯é›£ã—ã„ã“ã¨ãŒå¤šã„ã€‚ æœ¬å½“ã«ä»Šã®ãƒšãƒ¼ã‚¸ã§è¦‹ã›ãŸã„ã¨æ€ã£ãŸæƒ…å ±ã‚’ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯èªã‚“ã§ãã‚ŒãŸã®
amberjack115 2013/01/11
webdesign

ui

accessibility
ãƒªãƒ³ã‚¯
ã‚ãŠã„ã‚‚ã‚Šå®¶é›»
MAXZENã®32åž‹æ¶²æ™¶TV J32CHS06 ã®å£ã‚³ãƒŸã‚„è©•åˆ¤ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ MAXZENã¯å®‰ã„ã€ã‚·ãƒ³ãƒ—ãƒ«ãªæ©Ÿèƒ½ãŒå£²ã‚Šã®æ—¥æœ¬ã®ãƒ¡ãƒ¼ã‚«ãƒ¼ï¼ æ—¥æœ¬ã®å¤ã„æŠ€è¡“ã‚’ãƒ™ãƒ¼ã‚¹ã«ç„¡é§„ã‚’çœã„ãŸã‚·ãƒ³ãƒ—ãƒ«ãªæ©Ÿèƒ½ã‚’ ...
amberjack115 2012/07/10
webdesign

sample

flash

antipattern

accessibility
ãƒªãƒ³ã‚¯
ç•Œé¢è®¾è®¡è§„èŒƒå¤§å…¨ | UI design guidelines - QQç©ºé—´
amberjack115 2011/12/08
doc

ui

design

graphics

webdesign

accessibility

tips
ãƒªãƒ³ã‚¯
http://japan.internet.com/developer/20080215/26.html
amberjack115 2011/06/30
devel

web

ajax

tips

accessibility
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›UIè€ƒ3 ï½ž ã‚¸ã‚§ã‚¹ãƒãƒ£å…¥åŠ›ã«ã¤ã„ã¦ | fladdict
ã‚¹ãƒžãƒ›UIè€ƒï¼‘ ã€œ ãƒœã‚¿ãƒ³ã«ã¤ã„ã¦ ã‚¹ãƒžãƒ›UIè€ƒï¼’ ã€œ ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã«ã¤ã„ã¦ ã‚¹ãƒžãƒ›ã¨ã„ãˆã°ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼å…¥åŠ›ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã¨ã„ãˆã°ã‚¹ãƒžãƒ›ã€‚ãã‚“ãªã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã«ã¤ã„ã¦ã€ã¤ã‚Œã¥ã‚Œã¨ã€‚ ã§ã‚‚å€‹äººçš„ã«ã¯ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã¯ã»ã¨ã‚“ã©è¦ã‚‰ãªã„ã¨æ€ã†ã€‚ ã‚¸ã‚§ã‚¹ãƒãƒ£å…¨èˆ¬ ãƒ»ã‚¸ã‚§ã‚¹ãƒãƒ£ã¯è£œåŠ©æ“ä½œã€‚ãƒ¡ã‚¤ãƒ³æ“ä½œã§ã¯ãªã„ã€‚ ãƒ»ãƒœã‚¿ãƒ³ã§ã§ãã‚‹æ“ä½œã‚’ãƒ—ãƒ©ã‚¹ã‚¢ãƒ«ãƒ•ã‚¡ã§ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ã§ã‚‚ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ ãƒ»ãªãœãªã‚‰ã‚¸ã‚§ã‚¹ãƒãƒ£ã®æœ‰ç„¡ã¯è¦–è¦šçš„ã«ã‚ã‹ã‚‰ãªã„ã€‚ ãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¸ã‚§ã‚¹ãƒãƒ£ã‚’ç†è§£ã—ãªãã¦ã‚‚æ“ä½œã§ãã‚‹ã®ãŒã‚ˆã„ã€‚ ãƒ»ã¾ãŸã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼æ™‚ã«ã€ç”»é¢ã®ã‹ãªã‚Šã®éƒ¨åˆ†ãŒæŒ‡ã§éš ã‚Œã‚‹ã€‚ ãƒ»æ¥µè«–ã‚¸ã‚§ã‚¹ãƒãƒ£ãªã—ã§ã‚‚ã‚¢ãƒ—ãƒªãŒãƒªãƒªãƒ¼ã‚¹ã§ãã‚‹çŠ¶æ…‹ãªã®ãŒã‚ˆã„ã€‚ ãƒ»ã¤ã¾ã‚Šäºˆç®—ã‚„å·¥æ•°ãŒã‚ã¾ã£ãŸã¨ãã«å…¥ã‚Œã‚ˆã†ã€‚ ã‚¿ãƒƒãƒ— ãƒ»ãƒžã‚¦ã‚¹ã‚¯ãƒªãƒƒã‚¯ã§ã¯ãªãã‚¿ãƒƒãƒ—ã€‚ ãƒ»ãƒœã‚¿ãƒ³ã®ç²¾åº¦ã¯æŒ‡ã®ã‚µã‚¤ã‚ºã«ä¾å˜ã™ã‚‹ã€‚ ãƒ»ç´°ã‹ã„åº§æ¨™æŒ‡å®šã¯ã§ããªã„ã€‚ ãƒ»ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãŒãªã„ã€‚ ãƒ»è§¦ã£ã¦ã¿
amberjack115 2011/06/28
devel

ui

design

mobile

iPhone

iOS

accessibility

ux

@toread
ãƒªãƒ³ã‚¯
è‰²è¦šéšœãŒã„è€…ã«é…æ…®ã—ãŸWebã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹
2017å¹´4æœˆ11æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ, ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£, è‰²å½© ä»ŠæŒã£ã¦ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸ã§ã€è¦–è¦šãƒ»è‰²è¦šéšœãŒã„è€…ã«ã‚‚é…æ…®ã—ãŸWebã‚µã‚¤ãƒˆã®åˆ¶ä½œãŒã‚ã‚Šã¾ã™ã€‚è¦–è¦šéšœãŒã„è€…å‘ã‘ã®ã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¤ã„ã¦ã¯ã„ãã¤ã‹è¨˜äº‹ã‚’ç™ºè¦‹ã§ããŸã®ã§ã™ãŒã€è‰²è¦šéšœãŒã„è€…ã«å‘ã‘ãŸWebã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¤ã„ã¦ã¯ãªã‹ãªã‹ãƒ’ãƒƒãƒˆã—ãªã‹ã£ãŸã®ã§ã€æ–ç‰‡çš„ã«èªã‚“ã ã‚‚ã®ã‚’è¨˜äº‹ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ è¿½è¨˜: ä¸€éƒ¨è¡¨è¨˜ã®ä»•æ–¹ã‚’å¤‰æ›´ã—ã¾ã—ãŸã€‚ è‰²è¦šéšœãŒã„ã«ã¤ã„ã¦ ç›®ã®ã€è‰²ã‚’èªè˜ã™ã‚‹ç´°èƒžã®å¤‰ç•°ã§ã€è‰²ã®è˜åˆ¥ãŒç•°ãªã‚‹ã“ã¨ã‚’ã€Œè‰²è¦šéšœãŒã„ã€ã€Œè‰²è¦šç•°å¸¸ã€ã¨å‘¼ã³ã¾ã™ã€‚è‰²è¦šéšœãŒã„ã¨ã„ã£ã¦ã‚‚ã„ã‚ã„ã‚ãªç¨®é¡žãŒã‚ã‚Šã€ã“ã“ã§ã¯äººå£ã®å¤šã„èµ¤ç³»çµ±ã‚„ç·‘ç³»çµ±ã®è‰²ã®è˜åˆ¥ãŒå›°é›£ãªã€èµ¤ç·‘è‰²è¦šç•°å¸¸ã®å ´åˆã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ å›°é›£ãªç‚¹ã¨ã—ã¦ã¯ ç°è‰²ã ã¨æ€ã£ãŸã‚‰ãƒ”ãƒ³ã‚¯ã®ã‚·ãƒ£ãƒ„ã ã£ãŸ ç„¼è‚‰ã®éš›ã€ç”Ÿè‚‰ã¨ç„¼ã‘ã¦ã„ã‚‹è‚‰ã®åŒºåˆ¥ãŒã¤ãã«
amberjack115 2011/06/26
webdesign

web

tips

accessibility

ui

ux

design

graphics
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã®UIè€ƒï¼’ ã€œ ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã«ã¤ã„ã¦ | fladdict
UIã«ã¤ã„ã¦å¾’ç„¶ã¨è€ƒãˆã‚‹è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€ï¼’å›žç›®ã¯ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã€Œä½•ã‹ãŒãŠããŸã‚ˆï¼ã€ã¨å¦‚ä½•ã«æ˜Žè§£ã«çŸ¥ã‚‰ã›ã‚‹ã‹ï¼Ÿï¼‘å›žç›®ã¯ã“ã¡ã‚‰ éšæ™‚å¢—ãˆãŸã‚Šæ¸›ã£ãŸã‚Šã™ã‚‹ã‚ˆã€‚è‡ªåˆ†ã®ä¸»è¦³ã ã‹ã‚‰é–“é•ã£ã¦ã‚‹ã“ã¨ã‚‚ãƒãƒ©ãƒ›ãƒ©ã‚ã‚‹ã‹ã‚‚ã‚ˆã€‚ æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¦TiltShiftGenã§ã¯ã€é·ç§»ç³»ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã¯å°‘ãªã‚ã«ã—ã¦ã€æƒ…å ±ç³»ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å¤šã‚ã«èª¿æ•´ã—ã¦ãŸã‚“ã ãªãã¨ã‚·ãƒŸã‚¸ãƒŸã€‚å¤šåˆ†ã€ãƒ–ãƒ©ãƒ¼ã®å‡¦ç†ãŒé‡ã‹ã£ãŸã‹ã‚‰ã ã¨æ€ã†ã€‚éš™ã‚’ã¿ã¦ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸã„ã€‚ ä¸€èˆ¬è«– ãƒ»ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã¨ã¯ï¼Ÿ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ“ä½œã«å¯¾ã—ã¦ã€çµæžœã‚’è¿”ã™ã“ã¨ã€‚æ“ä½œã®å®Ÿæ„Ÿã€‚ ãƒ»ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã®ãªã„ã‚¢ãƒ—ãƒªã¯ç—›è¦šã®ç„¡ã„äººé–“ã€‚ ãƒ»ç‰©ç†çš„ãªãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢çš„ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚ãªã‘ã‚Œã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä½•ãŒãŠãã¦ã„ã‚‹ã‹çŸ¥è¦šã§ããªã„ã€‚ ãƒ»ä½•ã‹ãŒèµ·ããŸã‚‰å¿…ãšãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é€šçŸ¥ã™ã‚‹ã€‚ ãƒ»é©åˆ‡ãªãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãŒè¡Œã‚ã‚Œã‚‹ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å¿«æ„Ÿã‚’æ„Ÿã˜ã‚‹ã€‚ ãƒ»æ–°é›ªã«è¶³è·¡ã‚’ã¤ã‘ãŸã‚Šã€
amberjack115 2011/06/14
devel

ui

design

mobile

iPhone

iOS

accessibility

ux

@toread
ãƒªãƒ³ã‚¯
fladdict Â» ã‚¹ãƒžãƒ›ã®UIè€ƒ ã€œ ãƒœã‚¿ãƒ³ã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“ç³»çš„ãªè³‡æ–™æ¬²ã—ã„ãªããƒ¼ã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚ã€‚ è‰²ã€…ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚ä¸–ã®ä¸ã®ã‚¢ãƒ—ãƒªã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—åˆ†ã‚’UIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„ã‚¢ãƒ—ãƒªã«ãªã‚‹ã¨æ€ã†ã€‚ æ›¸ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ æŒ‡ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ãƒ»Webã¨ã‚¹ãƒžãƒ›ã‚’æ¯”è¼ƒã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„ã€‚ ãƒ»ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’åˆ¶å¾¡ã§ãã‚‹ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘æŠŠã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’æŒ‡å®šã§ããªã„ã€‚ ãƒ»ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã£ã¦ã„ã‚‹ã€‚ ãƒ»è¦–è¦šçš„ã«44pxä»¥ä¸‹ã®ãƒœã‚¿ãƒ³ã‚‚å®Ÿéš›ã®ãƒ’ãƒƒãƒˆã‚¨ãƒªã‚¢ã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ãƒ»ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘ã‚‰ã‚Œã‚‹ã ã‘ç©ºã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ãƒ»ã¤ã¾ã‚‹ã¨ã“ã‚ã€Œã‚«ãƒƒãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
amberjack115 2011/06/13
devel

ui

design

mobile

iPhone

iOS

accessibility

ux

@toread
ãƒªãƒ³ã‚¯
ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã¯ä½•pxã¾ã§ï¼Ÿ ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã‚µã‚¤ã‚º5å¹´é–“ã®å¤‰åŒ–ã‚’å¤§å…¬é–‹ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
amberjack115 2011/06/08
web

webdesign

research

accessibility
ãƒªãƒ³ã‚¯
CSSã§å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã®å¾Œã‚ã«ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹
CSSã§å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã®å¾Œã«ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã‚’å‚™å¿˜éŒ²çš„ã«æ®‹ã—ã¦ãŠãã¾ã™ã€‚æ–¹æ³•ã¯è‰²ã‚“ãªãƒ–ãƒã‚°ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ç”»åƒãƒªãƒ³ã‚¯ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã—ãªã„æ–¹æ³•ã¯æ±ºã‚æ‰‹ã«æ¬ ã‘ã¾ã™ã€‚ å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã®è˜åˆ¥æ³• ä»¥ä¸‹ã®ã‚ˆã†ã«ã™ã‚Œã°ãƒªãƒ³ã‚¯ã®å¾Œã«ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚’è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ a { background:url(ç”»åƒã®URL) no-repeat right center; padding-right:15px; } ã“ã‚Œã ã¨ã™ã¹ã¦ã®ãƒªãƒ³ã‚¯ã«ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€å¤–éƒ¨ãƒªãƒ³ã‚¯ã¨å†…éƒ¨ãƒªãƒ³ã‚¯ã‚’è˜åˆ¥ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ URLã§è˜åˆ¥ã™ã‚‹ a[href^="http"] { background:url(ç”»åƒã®URL) no-repeat right center; padding-right:18px; margin-right:5px; } a[href^="http://weboook.blo
amberjack115 2011/06/01
webdesign

tips

css

accessibility
ãƒªãƒ³ã‚¯
WAI-ARIA Overview
This page introduces the WAI-ARIA, the Accessible Rich Internet Applications suite of web standards. Quick links to resources: WAI-ARIA standard WAI-ARIA Authoring Practices Guide (APG) Introduction WAI-ARIA, the Accessible Rich Internet Applications Suite, defines a way to make Web content and Web applications more accessible to people with disabilities. It especially helps with dynamic content a
amberjack115 2011/05/18
web

ui

webdesign

devel

accessibility

standards
ãƒªãƒ³ã‚¯
1