[B! html][usability] taloã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

talo id:talo

htmlã¨usabilityã«é–¢ã™ã‚‹taloã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è¦‹ã‚„ã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ãƒ‡ãƒ¼ã‚¿ã‚’ã¿ã›ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è¦‹ã‚„ã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚„æ©Ÿèƒ½æ€§ãªã©UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç´¹ä»‹ã—ãŸã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰ã‚’Janko At Warp Speedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Ultimate guide to table UI patterns ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ã®ã€Œï¼ˆã‚¨ã‚¯ã‚»ãƒ«ã§ã„ã†ã¨ã“ã‚ã®ï¼‰è¡Œã¨åˆ—ã€ã®è¡¨è¨˜ã¯ã€ã€Œæ¨ªåˆ—ã¨ç¸¦åˆ—ã€ã«çµ±ä¸€ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. åˆ—ã‚’äº¤äº’ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° 2. åˆ—ã‚’ãƒ•ãƒ«ã« 3. ãƒ†ãƒ¼ãƒ–ãƒ«ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ 4. ã‚½ãƒ¼ãƒˆ 5. ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚° 6. ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ 7. ã‚¹ã‚¯ãƒãƒ¼ãƒ« 8. å›ºå®šã•ã‚ŒãŸãƒ˜ãƒƒãƒ€ 9. ãƒ˜ãƒƒãƒ€ã®ãªã„ãƒ†ãƒ¼ãƒ–ãƒ« 10. æ‹¡å¼µå¯èƒ½ãªåˆ— 11. åˆ—ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ 12. ãƒžãƒ«ãƒãƒ—ãƒ«ãªåˆ—ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ ã¯ã˜ã‚ã« ãƒ†ãƒ¼ãƒ–ãƒ«ã¯æ§‹é€ åŒ–ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’ã¿ã›ã‚‹ã‚‚ã®ã§ã™ã€‚ãã—ã¦ã€ãã®ç›®çš„ã¯ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿ã‚„ã™ãã—ã€èµ°æŸ»ã—ã‚„ã™ãã€ç°¡å˜
talo 2010/03/01
html

design

usability
ãƒªãƒ³ã‚¯
CSSã‚’ä½¿ã£ã¦ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®ã‚¢ã‚¤ã‚³ãƒ³ã£ã½ãè¡¨ç¤ºã•ã›ã‚‹ - ã«ã‚ã‹é¯–ç®¡ã®è‹¦æ‚©æ—¥è¨˜ã€€ï¼¿|ï¿£|â— (2006-01-11)
æºå¸¯ã«ãƒ¡ãƒ¼ãƒ«ã‚„é›»è©±ã®ç€ä¿¡ãŒæ€¥ã«å¢—ãˆãŸã‚Š ã‚¹ãƒžãƒ›ã§ä»Šã¾ã§ä½¿ç”¨ã—ã¦ã„ãªã‹ã£ãŸãƒãƒƒã‚¯æ©Ÿèƒ½ã‚’ä½¿ã†ã‚ˆã†ã«ãªã£ãŸ ãŠå‡ºã‹ã‘ã‚„å¤–æ³Šã®æ©Ÿä¼šãŒå¢—ãˆãŸ è¡£è£…ãŒæ´¾æ‰‹ã«ãªã£ãŸ ã¨ã„ã†ã‚±ãƒ¼ã‚¹ã¯æµ®æ°—ã®å¯èƒ½æ€§ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã‚‚ã—æµ®æ°—ã‚’ç¶šã‘ã‚‰ã‚Œã‚‹ã¨ã€ã•ã‚ŒãŸå´ã¯ç²¾ç¥žçš„ã«è‹¦ã—ã„æ€ã„ã‚’ç¶šã‘ã‚‹ã“ã¨ã«ãªã‚Šã€ã™ã‚‹æ–¹ã‚‚å¾Œã‚ã‚ãŸã„æ°—æŒã¡ãŒè†¨ã‚Œä¸ŠãŒã‚Šè‰¯ã„ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚„ã‚ã¦ã‚‚ã‚‰ã„ãŸã„ã‹ã€ã„ã£ãã®ã“ã¨åˆ¥ã‚Œã¦äººç”Ÿã‚’ã‚„ã‚Šç›´ã™ã‹ã¯ã—ã£ã‹ã‚Šã¨ã—ãŸè¨¼æ‹ ãŒãã‚ã£ã¦ã‹ã‚‰è€ƒãˆã¦ã‚‚ã‚ˆã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã®ãŸã‚ã«ã¯ä¸‹æ‰‹ã«å‹•ã‹ãšã€æ±äº¬éƒ½ã§èˆˆä¿¡æ‰€ã®ãƒ—ãƒã«ã‚ˆã‚‹æµ®æ°—èª¿æŸ»ã‚’ã™ã‚‹ã®ãŒè‰¯ã„ã§ã—ã‚‡ã†ã€‚ ãã®ç†ç”±ã¨ã—ã¦ã¯ã€æµ®æ°—ãŒåŽŸå› ã§é›¢å©šã¨ãªã‚Œã°æ…°è¬æ–™ã®è«‹æ±‚ãŒå¯èƒ½ã¨ãªã‚Šã€ãã®æ³•çš„ãªè¨¼æ‹ ã‚’å¾—ã‚‹ã«ã¯ç´ äººã‚ˆã‚Šãƒ—ãƒã®æ–¹ã®ä½œã‚Šã ã™ã‚‚ã®ãŒæ±ºå®šçš„ãªã‚‚ã®ã«ãªã‚‹ãŸã‚ã§ã™ã€‚ å…¨ã¦ã‚’ã™ã£ãã‚Šã•ã›ã¦ä»Šå¾Œã®äººç”Ÿã‚’ã‚„ã‚Šç›´ã—ã‚„ã™ãã™ã‚‹ãŸã‚ã«ã‚‚åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚
talo 2006/01/21
css

template

html

usability

visualize
ãƒªãƒ³ã‚¯
naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ - onsubmit ã§ submit ãƒœã‚¿ãƒ³ã‚’ disable ã«ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’è‰¯ãã™ã‚‹
å…ˆã® Yahoo! Shopping ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€ä»Šåº¦ã¡ã‚‡ã£ã¨ã‚„ã£ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ãŸã“ã¨ã‚’å®Ÿè£…ã—ã¦ã¿ãŸã€‚ http://bloghackers.net/~naoya/ys/app.cgi ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ãŸã¨ãã«ã€ãã®ãƒœã‚¿ãƒ³ãŒ disable ã«ãªã‚Šã¾ã™ã€‚ã“ã®æ–¹æ³•ã‚’ä½¿ã†ã¨ãƒœã‚¿ãƒ³ãŒæŠ¼ã•ã‚Œã¦æ¬¡ã®å‡¦ç†ã«å…¥ã‚ã†ã¨ã—ã¦ã„ã‚‹ã¨ã„ã†ã®ãŒç›´æ„Ÿçš„ã«åˆ†ã‹ã‚‹ã®ã¨ã€äºŒé‡é€ä¿¡é˜²æ¢ã«ã‚‚ãªã‚‹ã¨ã„ã†ã“ã¨ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãŒæ”¹å–„ã§ãã¾ã™ã€‚ ä»•æŽ›ã‘ã¯ã™ã”ãç°¡å˜ã§ã€form ã® onsubmit ãƒãƒ³ãƒ‰ãƒ©ã«ã€ãã® form ã«ç´ã¥ã submit ãƒœã‚¿ãƒ³ã‚’ disable ã«ãªã‚‹ã‚ˆã†ãª JavaScript ã‚’ç™»éŒ²ã—ã¦ãŠãã ã‘ã€‚ function disableSubmit(form) { var elements = form.elements; for (var i = 0; i < elements.length;
talo 2005/12/17
ãƒ–ãƒ©ã‚¦ã‚¶ã§ã€Œæˆ»ã‚‹ã€ã¨ã€ç„¡åŠ¹ã«ãªã£ãŸã¾ã¾

javascript

usability

html

design

tips
ãƒªãƒ³ã‚¯
WAIã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³:ãƒšãƒ¼ã‚¸åˆ¶ä½œ
WAIã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³:ãƒšãƒ¼ã‚¸åˆ¶ä½œ ã“ã®æ–‡æ›¸ã¯ã€W3Cã«ã‚ˆã‚Šä½œæˆã•ã‚ŒW3Cãƒ¯ãƒ¼ã‚ãƒ³ã‚°ãƒ‰ãƒ©ãƒ•ãƒˆã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ "WAI Accessibility Guidelines: Page Authoring" (http://www.w3.org/TR/1998/WD-WAI-PAGEAUTH-19980918/) ã‚’ã€ã©ã‚‰çŒ«æœ¬èˆ—ãŒç¿»è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã“ã®æ–‡æ›¸ã®åŽŸæ–‡ã¯ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ãƒ‰ãƒ©ãƒ•ãƒˆã§ã™ã€‚å°†æ¥ã®æ”¹è¨‚ãŒäºˆå®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã«ã”æ³¨æ„ãã ã•ã„ã€‚æœ€æ–°ç‰ˆã®ä»•æ§˜æ›¸ã¯ http://www.w3.org/TR/WAI-WEBCONTENT/ ã«ã‚ã‚Šã¾ã™ã€‚ æ£å¼ãªä»•æ§˜æ›¸ã¯W3Cã‚µã‚¤ãƒˆã«ã‚ã‚‹è‹±èªžç‰ˆã§ã™ã€‚ã“ã®æ—¥æœ¬èªžç‰ˆã¯å‚è€ƒã«ã™ãŽã¾ã›ã‚“ã€‚ ã“ã®æ–‡æ›¸ã«ã¯ç¿»è¨³ä¸Šã®èª¤ã‚ŠãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã©ã‚‰çŒ«æœ¬èˆ—ã¯ç¿»è¨³ã®æ£ç¢ºæ€§ã‚’ä¿è¨¼ã—ã¾ã›ã‚“ã€‚ã‚ãã¾ã§ã”è‡ªèº«ã®è²¬ä»»ã§ã”åˆ©ç”¨ãã ã•ã„ã€‚ ãŠæ°—ä»˜ãã®ç‚¹ãŒã‚ã‚Šã¾ã—ãŸã‚‰ã©ã‚‰çŒ«æœ¬èˆ—ã¾
talo 2005/12/09
html

web

usability
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

htmlã¨usabilityã«é–¢ã™ã‚‹taloã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2025å¹´1æœˆ31æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´æ©Ÿèƒ½ã®æä¾›ã‚’ä¸€æ™‚çš„ã«åœæ¢ã—ã¾ã™

ã€å¾©æ—§æ¸ˆã€‘ã€Œãƒžã‚¤ãƒ›ãƒƒãƒˆã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ã€ŒãŠæ°—ã«å…¥ã‚Šã€ã€Œé–¢å¿ƒãƒ¯ãƒ¼ãƒ‰ã€ãŒåˆ©ç”¨ã§ããªã„éšœå®³ãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸ

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

htmlã¨usabilityã«é–¢ã™ã‚‹taloã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è¦‹ã‚„ã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰

CSSã‚’ä½¿ã£ã¦ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã®ã‚¢ã‚¤ã‚³ãƒ³ã£ã½ãè¡¨ç¤ºã•ã›ã‚‹ - ã«ã‚ã‹é¯–ç®¡ã®è‹¦æ‚©æ—¥è¨˜ã€€ï¼¿|ï¿£|â— (2006-01-11)

naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ - onsubmit ã§ submit ãƒœã‚¿ãƒ³ã‚’ disable ã«ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’è‰¯ãã™ã‚‹

WAIã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³:ãƒšãƒ¼ã‚¸åˆ¶ä½œ

ãŠçŸ¥ã‚‰ã›

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2025å¹´1æœˆ31æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´æ©Ÿèƒ½ã®æä¾›ã‚’ä¸€æ™‚çš„ã«åœæ­¢ã—ã¾ã™

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

htmlã¨usabilityã«é–¢ã™ã‚‹taloã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è¦‹ã‚„ã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰

CSSã‚’ä½¿ã£ã¦ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®ã‚¢ã‚¤ã‚³ãƒ³ã£ã½ãè¡¨ç¤ºã•ã›ã‚‹ - ã«ã‚ã‹é¯–ç®¡ã®è‹¦æ‚©æ—¥è¨˜ã€€ï¼¿|ï¿£|â— (2006-01-11)

naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ - onsubmit ã§ submit ãƒœã‚¿ãƒ³ã‚’ disable ã«ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’è‰¯ãã™ã‚‹

ãŠçŸ¥ã‚‰ã›

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2025å¹´1æœˆ31æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´æ©Ÿèƒ½ã®æä¾›ã‚’ä¸€æ™‚çš„ã«åœæ¢ã—ã¾ã™

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹