[B! accessibility] the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

the-day id:the-day

accessibilityã«é–¢ã™ã‚‹the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (19)

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

è‡ªå‹•ã§ãƒªãƒ³ã‚¯åˆ‡ã‚Œãƒã‚§ãƒƒã‚¯ã—ã€Webã‚µã‚¤ãƒˆã®å“è³ªã‚’ä¿ã¤ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«8é¸ | äººæ‰‹ã«é ¼ã‚‰ãªã„Webã‚µã‚¤ãƒˆã®æˆ¦ç•¥çš„å“è³ªç®¡ç†æŒ‡å—
Webã‚µã‚¤ãƒˆã®å“è³ªç¶æŒã«ã¯ã€ãƒªãƒ³ã‚¯åˆ‡ã‚Œã‚„ä¸è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’å°‘ãªãã™ã‚‹ã“ã¨ãŒé‡è¦ã§ã™ã€‚ä»Šå›žã¯ã€Webã‚µã‚¤ãƒˆå“è³ªã®å•é¡Œç‚¹ç™ºè¦‹ã¨ãã®è§£æ±ºã¸ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’æ ¼æ®µã«ä¸Šã’ã‚‹è‡ªå‹•ãƒã‚§ãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ã‚’8ã¤ç´¹ä»‹ã—ã¾ã™ã€‚æ—¥æœ¬ã‚¢ã‚¤ãƒ»ãƒ“ãƒ¼ãƒ»ã‚¨ãƒ ãŒæä¾›ã™ã‚‹IBM Rational Policy Testerã‚„W3Cãƒªãƒ³ã‚¯ãƒã‚§ãƒƒã‚«ãƒ¼ã€W3Cãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¤œè¨¼ã‚µãƒ¼ãƒ“ã‚¹ã€ãƒªãƒ³ã‚¯åˆ‡ã‚Œã‚«ãƒƒã‚¿ãƒ¼ã€Web Developerãªã©ã®ãƒ•ãƒªãƒ¼ãƒ„ãƒ¼ãƒ«ã‚‚ç´¹ä»‹ æ•°ç™¾ãƒšãƒ¼ã‚¸ï½žæ•°ä¸‡ãƒšãƒ¼ã‚¸ã¨ã„ã†Webã‚µã‚¤ãƒˆã§ã¯ã€äººçš„ãªæ¤œæŸ»ã ã‘ã§ã™ã¹ã¦ã®å•é¡Œç‚¹ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ã¯å®Ÿè³ªçš„ã«ä¸å¯èƒ½ã«è¿‘ã„ã€‚ã¾ãŸã€ãƒšãƒ¼ã‚¸æ•°ãŒå°‘ãªãã¦ã‚‚ã€ãƒã‚§ãƒƒã‚¯æ¼ã‚ŒãŒã‚ã£ã¦ã¯æ„å‘³ãŒãªã„ã€‚ è‡ªå‹•ãƒã‚§ãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã€å•é¡Œç‚¹ç™ºè¦‹ã¨ãã®è§£æ±ºã¸ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã¯æ ¼æ®µã«ä¸ŠãŒã‚‹ã€‚ç¾ä»£ã®Webã‚µã‚¤ãƒˆã§ã¯ã€ç†æƒ³çš„ãªå“è³ªç®¡ç†ã‚’å®Ÿç¾ã™ã‚‹ã«ã¯ã€ä½•ã‚‰ã‹ã®ãƒ„ãƒ¼ãƒ«ã®åˆ©ç”¨ã¯å¿…é ˆã ã¨ã‚‚ã„ãˆã‚‹ã€‚ æœ€ã‚‚åŠ¹çŽ‡è‰¯ãè¨ºæ–ã§ãã‚‹å°‚é–€ãƒ„ãƒ¼ãƒ«æ‰‹å‰
the-day 2010/04/18
_atode

ã¾ã¨ã‚

tool

test

accessibility

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

webåˆ¶ä½œ

cording

html

useful
ãƒªãƒ³ã‚¯
ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æŽ¨å¥¨é…è‰²ã‚»ãƒƒãƒˆ
è‰²è¦šã®å¤šæ§˜æ€§ã«é…æ…®ã—ãŸ æ¡ˆå†…ãƒ»ã‚µã‚¤ãƒ³ãƒ»å›³è¡¨ç‰ç”¨ã®ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ æŽ¨å¥¨é…è‰²ã‚»ãƒƒãƒˆ â– æ±äº¬å¤§å¦åˆ†åç´°èƒžç”Ÿç‰©å¦ç ”ç©¶æ‰€ é«˜æ¬¡æ§‹é€ ç ”ç©¶åˆ†é‡Žã€€ä¼Šè—¤å•“ â– ç¤¾å›£æ³•äººæ—¥æœ¬å¡—æ–™å·¥æ¥ä¼šï¼ˆJPMAï¼‰ â– DIC æ ªå¼ä¼šç¤¾ï¼ˆæ—§ï½¥å¤§æ—¥æœ¬ã‚¤ãƒ³ã‚åŒ–å¦å·¥æ¥æ ªå¼ä¼šç¤¾ï¼‰ DIC ã‚«ãƒ©ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³æ ªå¼ä¼šç¤¾ â– ç‰¹å®šéžå–¶åˆ©æ´»å‹•æ³•äººã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æ©Ÿæ§‹ï¼ˆCUDOï¼‰ æ¦‚ç•¥ ä¸€èˆ¬ã®äººã«ã‚‚è‰²ã®è¦‹ãˆæ–¹ãŒç•°ãªã‚‹äººã«ã‚‚è¦‹åˆ†ã‘ã‚„ã™ã„ã€ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æŽ¨å¥¨é…è‰²ã‚»ãƒƒãƒˆã‚’ä½œæˆã€‚ è¢«é¨“è€…å®Ÿé¨“ã‚’é‡ãã€æ•°åƒã®å€™è£œè‰²ã‹ã‚‰20è‰²ã‚’çµžã‚Šè¾¼ã¿ã€‚ å¡—æ–™æ¥ç•Œã®è‰²æŒ‡å®šã®æ¥ç•Œæ¨™æº–ã§ã‚ã‚‹JPMAå¡—æ–™ç”¨æ¨™æº–è‰²2011å¹´Fç‰ˆã«å¯¾å¿œè‰²ã‚’åŽéŒ²ã€‚å°åˆ·ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã®è‰²æŒ‡å®šã®æ¥ç•Œæ¨™æº–ã§ã‚ã‚‹DICã‚«ãƒ©ãƒ¼ã‚¬ã‚¤ãƒ‰ã‚·ãƒªãƒ¼ã‚ºã‹ã‚‰å¯¾å¿œè‰²ã‚’é¸å‡ºã€‚ ã¯ã˜ã‚ã« ã€€ã„ã‚ã‚†ã‚‹è‰²å¼±ï¼ˆè‰²è¦šç•°å¸¸ï¼‰ã®äººã‚„ã€ç·‘å†…éšœãªã©ç¶²è†œã®ç–¾æ‚£ã‚’æŒã¤äººã€ç™½å†…éšœã®äººã¯ã€è‰²ã«ã‚ˆã£ã¦ã¯é•ã„ã‚’
the-day 2009/06/17
color

accessibility

usability

ui

design

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

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç·šã‚’ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã™ã‚‹ -Feng-GUI - Feng Shui for Graphic User Interfaces
AI-Powered Neuromarketing Web, Ads, Video, Signage, Packaging AI-Powered Neuromarketing Instant feedback on visuals, at a fraction of the cost and time of traditional tools. Test websites, adverts, videos, print, shelf layout, signage and packaging design. Turn visual data into actionable insights. Stay ahead of the market by leveraging AI to boost productivity and reduce costs. complete feature l
the-day 2008/08/19
heatmap

generator

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

marketing

usability

accessibility

programming

development

webåˆ¶ä½œ

useful
ãƒªãƒ³ã‚¯
ãƒ—ãƒ¬ã‚¼ãƒ³ã«ã‚‚æœ€é©ã€ãƒšãƒ¼ã‚¸å†…ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç·šã‚’ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã™ã‚‹ -Feng GUI heatmap | ã‚³ãƒªã‚¹
Feng GUI heatmapã¯ã€ç‹¬è‡ªã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«åŸºã¥ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç·šãŒã©ã®ã‚ˆã†ã«ãƒšãƒ¼ã‚¸å†…ã§ç§»å‹•ã™ã‚‹ã‹ã¨ãã®é »åº¦ã‚’è¡¨ç¤ºã™ã‚‹ãƒ’ãƒ¼ãƒˆãƒžãƒƒãƒ—ã‚’ä½œæˆã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ Feng GUI heatmap Feng GUI heatmapã¯ã€å®Ÿéš›ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç·šã‚„ãƒžã‚¦ã‚¹ã®å‹•ããƒ»ã‚¯ãƒªãƒƒã‚¯ã‚’æ¤œå‡ºã™ã‚‹ã‚‚ã®ã§ã¯ãªãã€ç‹¬è‡ªã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«åŸºã¥ã„ã¦ãƒ’ãƒ¼ãƒˆãƒžãƒƒãƒ—ã‚’ä½œæˆã—ã¾ã™ã€‚ãã®ãŸã‚ã€ã‚µãƒ¼ãƒãƒ¼ã®ãƒã‚°ãªã©ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã®å ´åˆã¯ã€ã‚ãƒ£ãƒ—ãƒãƒ£ã—ãŸç”»åƒï¼ˆ960x640ï¼‰ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ç”Ÿæˆã•ã‚Œã¾ã™ã€‚ ãƒ’ãƒ¼ãƒˆãƒžãƒƒãƒ—ã‚’ä½œæˆã™ã‚‹ã«ã¯ã€ï¼“ã¤ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ Firefoxã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã§ ViewFinder website heatmap 1.0 ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã§ Feng GUI heatmapã¯ç‹¬è‡ªã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã§ãƒ’ãƒ¼ãƒˆãƒžãƒƒãƒ—ã‚’ä½œæˆã™ã‚‹ã®ã§ã€å®Ÿéš›ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ãªã„
the-day 2008/08/19
heatmap

generator

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

marketing

usability

accessibility

programming

development

webåˆ¶ä½œ

useful
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‹•ãã€‚ï½œCSS HappyLife
ãƒœã‚¯ãŸã¡ã¿ãŸã„ãªã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã®äººé–“ã‹ã‚‰ã™ã‚‹ã¨ã€å…¨ãæ°—ã¥ã‹ãªã„äº‹ã«æ°—ã¥ã‹ã•ã‚ŒãŸã‚Šã—ãŸã®ã§ã€è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€‚ 2008å¹´2æœˆ14æ—¥ã®22ï¼š47é ƒã«è¿½è¨˜ ãƒœã‚¯ã®ãŸã ã®ãƒ¡ãƒ¢æ›¸ãã‚’ã‚‚ã†ã¡ã‚‡ã£ã¨ã¡ã‚ƒã‚“ã¨ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§æ›¸ã„ã¦ã‚‚ã‚‰ã£ã¦ã‚‹ã®ã§ã€ã‚ã‚ã›ã¦ã”è¦§ã«ãªã£ã¦é ‚ãã¨ã€è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ã®è¦šæ›¸ - ãã‚“ãŒã‚“ã®Webãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆã«å‚åŠ ã—ãŸ ãƒã‚´ã‚¯ãƒªãƒƒã‚¯ï¼ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã¨ã„ã†èªè˜ã¯æ®†ã©ç„¡ã„ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹å ´åˆã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã€‚ ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ãƒãƒŠãƒ¼ã¯ã€èªçŸ¥ã™ã‚‰ã•ã‚Œãªã„å‚¾å‘ãŒå¼·ã„ã€‚ ãã‚‚ãã‚‚ãƒãƒŠãƒ¼ã¨ã—ã¦æŠ¼ã›ã‚‹ã‚‚ã®ã§ã¯ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šã®é£¾ã‚Šã¨ã—ã¦è¦‹ã‚‰ã‚Œã‚‹å ´åˆã‚‚ã€‚ ãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚¯ã¨ã‹ã®ãƒžãƒ¼ã‚¯éƒ¨åˆ†ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã‚ˆãƒ¼ã¨ã™ã‚‹äººãŒå±…ã‚‹ã€‚ ãã‚Œã«ã‚ˆã‚Šã€ã‚¯ãƒªãƒƒã‚¯ã§ããªã„ã¨è«¦ã‚ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã€‚ ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ï¼ˆãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ï¼‰åž‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€è¿‘ãã®ãƒœã‚¿ãƒ³ã‚’æŠ¼
the-day 2008/03/01
ui

accessibility

usability

css

design

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç”³ã—è¾¼ã¿ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½¿ã„ã‚„ã™ãã—ã¦é€”ä¸ã§ã‚ãã‚‰ã‚ã‚‹äººã‚’æ¸›ã‚‰ã™å…·ä½“çš„ãªæ–¹æ³•è«–ã€å‰ç·¨ã€‘ | ã‚«ã‚¹ã‚¿ãƒžãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã§é“ã¯é–‹ã‘ã‚‹ï½žãƒ•ã‚©ãƒ¬ã‚¹ã‚¿ãƒ¼ãƒ»ãƒªã‚µãƒ¼ãƒã®Webã‚µã‚¤ãƒˆæ–¹æ³•è«–
[ã‚³ãƒ©ãƒ ]ã‚«ã‚¹ã‚¿ãƒžãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã§ é“ã¯é–‹ã‘ã‚‹ ï½žãƒ•ã‚©ãƒ¬ã‚¹ã‚¿ãƒ¼ãƒ»ãƒªã‚µãƒ¼ãƒã®Webã‚µã‚¤ãƒˆæ–¹æ³•è«– by ã‚¸ãƒ§ãƒŠã‚µãƒ³ãƒ»ãƒ–ãƒ©ã‚¦ãƒ³ ãƒ•ã‚©ãƒ¬ã‚¹ã‚¿ãƒ¼ãƒ»ãƒªã‚µãƒ¼ãƒã®ã‚·ãƒ‹ã‚¢ãƒ»ã‚¢ãƒŠãƒªã‚¹ãƒˆã§ã‚ã‚‹ã‚¸ãƒ§ãƒŠã‚µãƒ³ãƒ»ãƒ–ãƒ©ã‚¦ãƒ³æ°ã«ã‚ˆã‚‹ã‚¦ã‚§ãƒ–ã‚³ãƒ©ãƒ ã€‚ ä¸»ã«ã‚«ã‚¹ã‚¿ãƒžãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã¨ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã®å´é¢ã‹ã‚‰ä¼æ¥ã®ãƒ“ã‚¸ãƒã‚¹ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã‚¸ãƒ§ãƒŠã‚µãƒ³æ°ãŒã€ä¼æ¥ã‚µã‚¤ãƒˆã«ãŠã‘ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼å¿—å‘ã®è€ƒãˆæ–¹ã‚„æ–¹æ³•è«–ã‚’ã•ã¾ã–ã¾ãªåˆ‡ã‚Šå£ã§è§£èª¬ã—ã¾ã™ã€‚ å‰å›žã®ã‚³ãƒ©ãƒ ã§ã¯ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½¿ã£ã¦ã„ã‚‹ãŠå®¢æ§˜ãŒãªãœé€”ä¸ã§ã‚ãã‚‰ã‚ã‚‹ã®ã‹ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§è©±ã—ã¾ã—ãŸã€‚ã€Œã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®æ¬ é™¥ã€ã‚’å¤§ããããã‚‹ã¨ã€æ¬¡ã®4ã¤ã®ã©ã‚Œã‹ã«å½“ã¦ã¯ã¾ã‚Šã¾ã™ã€‚ ã‚µã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è‡ªä½“ãŒè¶³ã‚Šãªã„ï¼ˆä¾¡å€¤ã®æ¬ é™¥ï¼‰ä¾¡å€¤ã®ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒæŽ¢ã—ã«ãã„ï¼ˆãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ‚ªã„ï¼‰ä¾¡å€¤ã®ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯è¦‹ã¤ã‹ã£ãŸãŒã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸï¼ˆãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ‚ªã„ï¼‰ã‚µã‚¤ãƒˆã«ä¿¡é ¼ãŒãªã‹ã£ãŸãŸã‚ã«ä½¿ã†ã®ã‚’ã‚„ã‚
the-day 2008/02/28
form

ui

accessibility

design

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ãªã‚µã‚¤ãƒˆã«ã™ã‚‹ãŸã‚ã®26ã®ã‚¹ãƒ†ãƒƒãƒ—
Webmaster World.comã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ãªã‚µã‚¤ãƒˆã«ã™ã‚‹ãŸã‚ã®26ã®ã‚¹ãƒ†ãƒƒãƒ—ã€ã®æ„è¨³ã§ã™ã€‚ 26 Steps to a More Accessible Website ã‚¹ã‚ãƒƒãƒ—ãƒªãƒ³ã‚¯ã¯ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã‚’ã—ã¦ã„ã‚‹äººã®ãŸã‚ã«ç›®ã«è¦‹ãˆã‚‹ã‚ˆã†ã«è¨ç½®ã™ã‚‹ã€ã¨ã„ã†ã®ã«ã¯ãªã‚‹ã»ã©ã€ã¨æ€ã„ã¾ã—ãŸã€‚ Altã®ãƒ†ã‚ã‚¹ãƒˆã¨ä»£æ›¿ã®å†…å®¹ ç”»åƒã«ã¯Altã‚’è¨˜è¿°ã—ã€ä»£æ›¿ã®å†…å®¹ã‚’è¨˜ã™ã€‚ å‹•ç”»ã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚„æ¦‚è¦ å‹•ç”»ã®å†…å®¹ãƒ»æ¦‚è¦ãƒ»ã‚µãƒžãƒªãƒ¼ãªã©ã‚’è¨˜ã™ã€‚ ã€Œã“ã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã€ã¯ä½¿ç”¨ã—ãªã„ ãƒªãƒ³ã‚¯ã«ã¯çš„ç¢ºãªæƒ…å ±ã‚’å«ã‚ã‚‹ã€‚ ãƒªãƒ³ã‚¯ã®é–“ã®ã‚¹ãƒšãƒ¼ã‚¹ éš£æŽ¥ã—ãŸãƒªãƒ³ã‚¯ã«ã¯ã€åŒºåˆ‡ã‚Šã‚’è¨ç½®ã™ã‚‹ã€‚ JavaScriptã§è¨˜è¿°ã—ãŸãƒªãƒ³ã‚¯ ãƒªãƒ³ã‚¯ã®è¨˜è¿°ã¯ã€JavaScriptã«ä¾å˜ã•ã›ãªã„ã€‚ langå±žæ€§ã®ä½¿ç”¨ langå±žæ€§ã‚’ä½¿ç”¨ã—ã¦ã€ä½¿ç”¨è¨€èªžã‚’æ˜Žç¤ºã™ã‚‹ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ä½¿ç”¨ã—ãªã„ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ°—ã‚’æ•£ã‚‰ã›ãªã„ã€‚ è‰²ã«ä¾å˜ã—ãªã„
the-day 2008/01/24
accessibility

ui

usability

design

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
404 Blog Not Found:æƒ°è¨³ - ã‚ãªãŸã®ã‚µã‚¤ãƒˆã®ç¬¬ä¸€å°è±¡ã‚’æ±ºã‚ã‚‹21ã®è¦ç´
2007å¹´11æœˆ29æ—¥07:20 ã‚«ãƒ†ã‚´ãƒªç¿»è¨³/ç´¹ä»‹iTech æƒ°è¨³ - ã‚ãªãŸã®ã‚µã‚¤ãƒˆã®ç¬¬ä¸€å°è±¡ã‚’æ±ºã‚ã‚‹21ã®è¦ç´ 21ã¯å¤šã„ã‘ã©ã€è‰¯ã„è¨˜äº‹ãªã®ã§ã€‚ 21 Factors that Influence the First Impression of Your Websiteâ€™s Visitors << Vandelay Website Design ã‚ãªãŸã®ã‚µã‚¤ãƒˆã‚’åˆã‚ã¦è¨ªå•ã—ãŸäººãŒç¬¬ä¸€å°è±¡ã‚’æ±ºã‚ã‚‹ã®ã¯ã‚ã£ã¨ã„ã†é–“ã§ã™ã€‚ç¬¬ä¸€å°è±¡ãŒã‚ˆã‘ã‚Œã°ã€ãã®äººãŒå†ã³ã‚ãªãŸã®ã‚µã‚¤ãƒˆã‚’è¨ªã‚Œã¦ãã‚Œã‚‹ç¢ºçŽ‡ã¯é£›èºçš„ã«é«˜ã¾ã‚Šã¾ã™ã—ã€ãã®ä¸€æ–¹ã§ç¬¬ä¸€å°è±¡ã‚’è¦†ã™ã®ã¯ä¸¦å¤§æŠµã®ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ä»¥ä¸‹ã®ãƒªã‚¹ãƒˆã§ã¯ã€ãã®ç¬¬ä¸€å°è±¡ã‚’æ±ºã‚ã‚‹21ã®è¦ç´ ã‚’å–ã‚Šä¸Šã’ã¾ã™ã€‚ã“ã‚Œã‚‰ã¯è¦ç´ ã®ä¸€éƒ¨ã§ã‚ã£ã¦ãƒªã‚¹ãƒˆã¯å®Œç’§ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ä»–ã«ã‚‚ã‚ã‚Œã°æ˜¯éžã‚³ãƒ¡ãƒ³ãƒˆã—ã¦ä¸‹ã•ã„ã€‚ãã‚Œã§ã¯ã€ä»¥ä¸‹é †ä¸åŒã«ã€‚ ãƒãƒ¼ãƒ‰æ™‚é–“(Load Time) - æˆ‘ã€…ã®ã»ã¨
the-day 2007/12/19
ã¾ã¨ã‚

ui

usability

accessibility

design

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ¤œç´¢ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ç·šã¯ã©ã†å‹•ãã€€Yahooï¼ã¨Googleã§é•ã„
ã‚¢ã‚¤ãƒ¬ãƒƒãƒ—ã¨ã‚¸ãƒ£ãƒ‘ãƒ³ãƒžãƒ¼ã‚±ãƒƒãƒˆã‚¤ãƒ³ãƒ†ãƒªã‚¸ã‚§ãƒ³ã‚¹ã¯6æœˆ11æ—¥ã€Yahooï¼JAPANã¨Googleã®æ¤œç´¢çµæžœç”»é¢ã‚’è¦‹ã¦ã„ã‚‹éš›ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ç·šã®å‹•ãã‚’èª¿ã¹ãŸçµæžœã‚’ç™ºè¡¨ã—ãŸã€‚Yahooï¼ã¯ã€Œé–¢é€£æ¤œç´¢ãƒ¯ãƒ¼ãƒ‰ã€ã‚„ã€ŒYahooï¼ã‚«ãƒ†ã‚´ãƒªã€ãŒæ³¨ç›®ã•ã‚Œã¦ãŠã‚Šã€Googleã¯ã‚µã‚¤ãƒˆã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’æœ€åˆã‹ã‚‰æœ€å¾Œã¾ã§ã‚ˆãèªã¾ã‚Œã¦ã„ã‚‹ã¨ã„ã†å‚¾å‘ãŒè¦‹ãˆãŸã€‚ æ¸¬å®šã¯æ˜¨å¹´9æœˆã‹ã‚‰10æœˆã«ã‹ã‘ã€ç›®ã®ç¶²è†œã«ç…§å°„ã—ãŸèµ¤å¤–ç·šã®åå°„ã‚’åˆ©ç”¨ã™ã‚‹å°‚ç”¨æ©Ÿå™¨ã‚’ä½¿ã„ã€ç„¡ä½œç‚ºã«é¸ã‚“ã 76äººï¼ˆç”·å¥³åŠã€…ï¼‰ã‚’å¯¾è±¡ã«å®Ÿæ–½ã—ãŸã€‚ ãã‚Œãžã‚Œã€ç”»é¢ä¸Šéƒ¨ã«æ¤œç´¢é€£å‹•åºƒå‘ŠãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹å ´åˆã¨ã€è¡¨ç¤ºã•ã‚Œã¦ã„ãªã„å ´åˆã«åˆ†ã‘ã¦èª¿ã¹ãŸã€‚ Yahooï¼æ¤œç´¢ã§åºƒå‘ŠãŒè¡¨ç¤ºã•ã‚Œã¦ã„ãªã„å ´åˆã€ç›®ç·šã¯ã€Œé€†Lå—åž‹ã€ã«å‹•ãã€‚æ¤œç´¢çµæžœã®ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€Œé–¢é€£æ¤œç´¢ãƒ¯ãƒ¼ãƒ‰ã€ã‚„ã€ŒYahooï¼ã‚«ãƒ†ã‚´ãƒªã€ã‚’è¦‹ã‚‹ãŸã‚ã«ç›®ç·šãŒå³ã«å‹•ãã€ãã®å¾Œç›®ç·šãŒå·¦ã«æˆ»ã‚Šã€æ¤œç´¢çµæžœã‚µã‚¤ãƒˆã®ã‚¿ã‚¤ãƒˆãƒ«å…ˆé éƒ¨åˆ†ã‚’ä¸‹ã¾ã§æµã—ã¦
the-day 2007/07/30
search

marketing

usability

accessibility

ui

google

yahoo

webåˆ¶ä½œ

ad
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿æ™‚é–“ã‚’è©³ç´°ã«èª¿ã¹ã¦ãã‚Œã‚‹ç„¡æ–™è¨ºæ–ãƒ„ãƒ¼ãƒ«ã€ŽPingdom Toolsã€ | POP*POP
Firebugã‚’ä½¿ãˆã°ã„ã„ã˜ã‚ƒã‚“ã€ã¨ã„ã†çªã£è¾¼ã¿ã¯ã•ã¦ãŠãã€Pingdom Toolsã§ãªã‹ãªã‹ä½¿ãˆã‚‹è¨ºæ–ãƒ„ãƒ¼ãƒ«ãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä»»æ„ã®URLã‚’æŒ‡å®šã™ã‚Œã°ãƒšãƒ¼ã‚¸ã®ã©ã“ãŒã©ã‚Œãã‚‰ã„ã®é€Ÿåº¦ã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ã‚’è¨ºæ–ã—ã¦ãã‚Œã¾ã™ã€‚ã€Œæœ€è¿‘ã‚µã‚¤ãƒˆãŒã¡ã‚‡ã£ã¨é‡ã„ãªãã€ã¨ã„ã†ã¨ãã«ä½¿ã£ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ è©³ã—ã„ä½¿ã„æ–¹ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ â†‘ ã“ã®ã‚µã‚¤ãƒˆã§ã¨ã‚Šã‚ãˆãšãƒ†ã‚¹ãƒˆã€‚ â†‘ çµæžœã¯ã“ã®ã¨ãŠã‚Šã€‚æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ç”»åƒãŒã©ã‚Œã ã‘ã‚ã‹ã‚Šã¾ã™ãã€‚ â†‘ ãã‚Œãžã‚Œã®ãƒãƒ¼ã®è‰²ã®è¦‹æ–¹ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ â†‘ ãƒãƒ¼ãƒ‰æ™‚é–“ã®ã‚µãƒžãƒªãƒ¼ã‚‚ã“ã®ã‚ˆã†ã«è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ ãƒãƒ¼ãƒ‰æ™‚é–“ãŒã‹ã‹ã‚Šã™ãŽã¦ã„ã‚‹å ´åˆã¯ã©ã‚Œã‚’åœ§ç¸®ã™ã‚Œã°ã„ã„ã‹ãŒä¸€ç›®çžç„¶ã§ã™ãã€‚ã¾ãŸã©ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã‹ã‚‚ã‚ã‹ã‚‹ã®ã§ã‚µã‚¤ãƒˆã‚’è»½ãã—ãŸã„å ´åˆã«ã¯å¤–ã™å„ªå…ˆé †ä½ãŒã‚ã‹ã£ã¦ã‚ˆã‚ã—ã„ã‹ã¨ã€‚ ã”åˆ©ç”¨ã¯ä»¥ä¸‹ã‹ã‚‰ã©ã†ãžã€‚ Â» Pingdom Tools
the-day 2007/07/30
webåˆ¶ä½œ

tool

accessibility

performance

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

analytics
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã‚’ä½œã‚‹æœ‰ç”¨ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSã ã‘ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã‚’ä½œã‚‹æœ‰ç”¨ã‚µãƒ³ãƒ—ãƒ«ã€‚ ç”»åƒã®ç‰¹å®šéƒ¨åˆ†ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ã€èª¬æ˜Žã‚’ç”»åƒä¸Šã«è¡¨ç¤ºã§ãã‚‹CSSã¨XHTMLã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ JavaScript ã‚’ä¸€åˆ‡ä½¿ã£ã¦ãŠã‚‰ãšã€CSSã ã‘ã§å®Ÿç¾ã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ãŒã™ã”ã„ã§ã™ãã€‚ JavaScript ãŒè¦ã‚‰ãšã€æ¬¡ã®ã‚ˆã†ãªç¶ºéº—ãªHTMLã§å®Ÿç¾ã§ãã‚‹ã¨ã“ã‚ã‚‚å¬‰ã—ã„ã§ã™ãã€‚ å®Ÿè£…ã‚‚ç°¡å˜ãã†ã§ã™ã€‚ <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
the-day 2007/07/16
css

html

design

webåˆ¶ä½œ

ui

accessibility

tips

useful
ãƒªãƒ³ã‚¯
åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ãã“ã¨ã®æ˜¯éžï½œã‚¦ã‚§ãƒ–ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã‚’æ”¯æ´ã™ã‚‹Website Usability Info
ï¼ˆ2012å¹´1æœˆ28æ—¥è¿½è¨˜ï¼‰ ã“ã®è¨˜äº‹å†…å®¹ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ãŸè¨˜äº‹ã‚’ã€åˆ¥é€”å…¬é–‹ã—ã¾ã—ãŸã€‚ã€Œåˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ãã“ã¨ã®æ˜¯éž (ãã®2)ã€ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ Webã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ã¦ã„ã‚‹ã¨ã€<a href="xxx" target="_blank"> ãªã©ã¨ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã€ãƒªãƒ³ã‚¯å…ˆãƒšãƒ¼ã‚¸ã‚’åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ãã‚ˆã†ã«ã—ãŸã„ã¨æ€ã†ã“ã¨ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ãŸã¨ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã§ã™ã€‚ åˆ¥ã‚µã‚¤ãƒˆã«ãƒªãƒ³ã‚¯ã™ã‚‹å ´åˆ (ã§ãã‚Œã°ã€€åˆ¥ã‚µã‚¤ãƒˆã‚’å›žéŠã—ãŸå¾Œã€è‡ªã‚µã‚¤ãƒˆã«æˆ»ã£ã¦ãã¦ã‚‚ã‚‰ã„ãŸã„) é–‹ã„ãŸãƒšãƒ¼ã‚¸ã§ã‚ã‚Œã“ã‚Œæ“ä½œãŒäºˆæƒ³ã•ã‚Œã€ãã®é–“ã€å…ƒãƒšãƒ¼ã‚¸ã¯æ®‹ã—ã¦ãŠããŸã„å ´åˆï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã® [æˆ»ã‚‹] ãƒœã‚¿ãƒ³ã§ã¯ã™ãã«æˆ»ã‚Œãªã„ã‚±ãƒ¼ã‚¹ãªã©ï¼‰ ãŠæ°—æŒã¡ã¯ã‚ˆãã‚ã‹ã‚‹ã®ã§ã™ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®è¦³ç‚¹ã§è€ƒãˆã‚‹ã¨ã€ãƒªãƒ³ã‚¯ã¯åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ãã¹ãã§ã¯ãªã„ã¨è€ƒãˆã¾ã™ã€‚ç†ç”±ã¯ã€ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ åˆå¿ƒè€…ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚„ã‚·ãƒ‹ã‚¢ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€åˆ¥ã‚¦ã‚£
the-day 2007/06/14
usability

accessibility

ui

html

interface

browser

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
çª“ã®æœ - ã€NEWSã€‘ç±³MSã€HTMLæ§‹é€ ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ¤œè¨¼ã§ãã‚‹Webåˆ¶ä½œè€…å‘ã‘IEãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ£å¼å…¬é–‹
ç±³Microsoft Corporationã¯9æ—¥ï¼ˆç¾åœ°æ™‚é–“ï¼‰ã€Webãƒšãƒ¼ã‚¸ã®æ§‹é€ ã‚’æ¤œè¨¼ã§ãã‚‹IEç”¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒInternet Explorer Developer Toolbarã€ã®æ£å¼ç‰ˆã‚’ç„¡å„Ÿå…¬é–‹ã—ãŸã€‚Windows XP/Server 2003/Vistaä¸Šã®IE6/7ã«å¯¾å¿œã—ã€ç¾åœ¨åŒç¤¾ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚»ãƒ³ã‚¿ãƒ¼ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€‚ ã€ŒInternet Explorer Developer Toolbarã€ã¯ã€IEã®ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©ãƒãƒ¼ã¨ã—ã¦å‹•ä½œã™ã‚‹Webåˆ¶ä½œè€…å‘ã‘ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ãƒãƒ¼ã‚«ãƒ«ã¾ãŸã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆä¸Šã®Webãƒšãƒ¼ã‚¸ã®HTML/CSSæ§‹æ–‡ã‚’è§£æžã§ãã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„è‰²åˆã„ã®èª¿æ•´ã€W3Cã®æ–‡æ³•ãƒã‚§ãƒƒã‚¯ã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã—ãŸæ§‹æ–‡ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ãªã©ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã—ãŸWebãƒšãƒ¼ã‚¸ä½œæˆã«ä¾¿åˆ©ãªæ©Ÿèƒ½ãŒå¤šæ•°æè¼‰ã•ã‚Œã¦ã„ã‚‹ã€‚ ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©ãƒãƒ¼ã¯Webãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ç”»é¢ã®ä¸‹å´ã¸è¡¨ç¤ºã•ã‚Œã€ä¸Šéƒ¨ã«å„
the-day 2007/05/20
browser

ie

plugin

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

accessibility

css

html

windows

software

tool
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ãŒåˆ†ã‹ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ [ä¼æ¥ã®ITæ´»ç”¨] All About
the-day 2007/05/19
ui

usability

marketing

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

design

javascript

tool

useful

accessibility

access
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ - MdN Interactive - Webãƒ‡ã‚¶ã‚¤ãƒ³è¶…åŸºæœ¬ã®ãŠä½œæ³•50é¸
Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯ã€ã©ã‚“ãªã«ãƒ“ã‚®ãƒŠãƒ¼ã ã£ãŸã¨ã—ã¦ã‚‚ã€ãƒ—ãƒã®Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’åä¹—ã‚‹äººãŒã‚„ã£ã¦ã—ã¾ã†ã¨æ¥ãšã‹ã—ã„â€œãƒžãƒŠãƒ¼â€ã¨ã‚‚ã„ãˆã‚‹åˆ¶ä½œä¸Šã®ãƒ«ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ã€ŒçŸ¥ã‚‰ãªã‹ã£ãŸã€ã€ã€Œæ•™ã‚ã£ã¦ã„ãªã„ã€ã§ã¯é€šç”¨ã—ã¾ã›ã‚“ã€‚ãªãœãªã‚‰ã€ã‚¢ãƒŠã‚¿ã¯ãƒ—ãƒãªã®ã§ã™ã‹ã‚‰ã€‚ ãã‚“ãªè¶…åŸºæœ¬ã®â€œWebãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŠä½œæ³•â€ã‚’50å€‹é¸å®šã—ã€ã‚µã‚¤ãƒˆè¨è¨ˆã€ãƒ†ã‚ã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ç”»åƒã¨è‰²å½©ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãã®ä»–ã®5ã¤ã®ãƒ†ãƒ¼ãƒžåˆ¥ã«è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ã“ã®ç‰¹é›†ã‚’é€šã—ã¦ã€â€œWebãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŠä½œæ³•â€ã‚’ã—ã£ã‹ã‚Šç¿’å¾—ã€ã‚ã‚‹ã„ã¯å¾©ç¿’ã—ã¦ã€ã‚«ãƒ³ãƒšã‚ã«èº«ã«ä»˜ã‘ã¦ãã ã•ã„ã€‚
the-day 2007/05/02
***

_atode

ã¾ã¨ã‚

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

webåˆ¶ä½œ

design

html

css

accessibility

usability
ãƒªãƒ³ã‚¯
Dive Into Accessibility
ã“ã®æ–‡æ›¸ã¯2ã¤ã®è³ªå•ã«ç”ãˆã‚‹ãŸã‚ã«æ›¸ã„ã¦ã¿ãŸã‚“ã ã€‚ 1ã‚³ç›®ã¯ã€ã€Œãªã‚“ã§ã‚µã‚¤ãƒˆã‚’ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã«ã—ãŸæ–¹ãŒã„ã„ã®ã‹ã€ã€‚ ã ã‹ã‚‰ã€ã“ã“ã®æƒ…å ±ã¯ã‚µã‚¤ãƒˆã‚’æŒã£ã¦ãªã„äººã«ã¯å‘ã‹ãªã„ã‹ã‚‚ã€‚ 2ã‚³ç›®ã¯ã€ã€Œã˜ã‚ƒã©ã†ã—ãŸã‚‰ã‚µã‚¤ãƒˆã‚’ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã«ã§ãã‚‹ã®ã‹ã€ã€‚ 1ã‚³ç›®ã®ç”ãˆãŒç´å¾—ã§ãã‚‹ã‚‚ã®ã˜ã‚ƒãªã‹ã£ãŸã‚‰ã€2ã‚³ç›®ã¯ã©ã†ã§ã‚‚ã„ã„ã£ã¦ã“ã¨ã«ãªã‚‹ã‚ˆãã€‚ ã˜ã‚ƒè¡Œã£ã¦ã¿ã‚ˆã†ã€‚ Dive Into Accessibilityï¼ˆè‹±èªžç‰ˆï¼‰ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ HTMLï¼ˆè‹±èªžç‰ˆï¼‰ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ PDFï¼ˆè‹±èªžç‰ˆï¼‰ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Dive Into Accessibilityã‚’èªã‚€ ç›®æ¬¡ æŽ²è¼‰ã•ã‚ŒãŸé †åºã®ã¾ã¾ã«ãªã‚‰ã¹ã¦ã‚ã‚‹ã€ã™ã¹ã¦ã®æƒ…å ±ã¯ã“ã¡ã‚‰ã€‚ã¯ã˜ã‚ã¦ã‚³ã‚³ ã®æ–‡ã‚’èªã‚€ã¨ãã«ãŠã™ã™ã‚ã®èªã¿æ–¹ã€‚ äººã«åŸºã¥ã„ãŸæƒ…å ±åˆ†é¡ž ã“ã“ã§ã¯ã©ã‚“ãªäººã«å½¹ç«‹ã¤ã‹ã«ã‚ˆã£ã¦ã€æƒ…å ±ãŒåˆ†ã‘ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ éšœç¢ã«åŸºã¥ã„ãŸæƒ…å ±åˆ†é¡ž ã“ã“ã§ã¯ã©ã†ã„ã£ãŸéšœç¢ãŒã‚ã‚‹ã¨ãã«å½¹ç«‹
the-day 2007/04/18
accessibility

ui

usability

html

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

webåˆ¶ä½œ

_atode

è³‡æ–™

*
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï½œCSS HappyLife
æ™®é€šã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ä¹…ã€…ãªæ°—ãŒã™ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚ ä»Šå›žã¯ãƒˆãƒ”ãƒƒã‚¯ãƒ‘ã‚¹ã¨ã‹ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãªã‚“ã¦å‘¼ã°ã‚Œã¦ã‚‹ã€ã¡ã‚‡ã£ã¨è¦æ¨¡ã®å¤§ãã„ã‚µã‚¤ãƒˆã§ã¯æ—¥å¸¸èŒ¶é£¯äº‹ã§è¦‹ã‹ã‘ã‚‹ã‚¢ãƒ¬ã®ã‚µãƒ³ãƒ—ãƒ«è‰²ã€…ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®å‰ã« #main .entryBody #topicPath_01 ã¨ã‹ã£ã¦ãªã£ã¦ã¾ã™ã‘ã©ã€#main .entryBody ã¯ã‚¦ãƒã®ã‚µã‚¤ãƒˆã®éƒ½åˆã§å„ªå…ˆé †ä½ä¸Šã’ã®ç‚ºã«ã‚„ã£ã¦ã‚‹ã‚“ã§ã€ã‚³ãƒ”ã£ãŸã‚Šã™ã‚‹å ´åˆã¯ã„ã‚‰ãªã„æ„Ÿã˜ã§ã™ã€‚ #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
the-day 2007/04/14
css

design

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

webåˆ¶ä½œ

sample

accessibility

navigation

ui

tips

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

design

html

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

ã¾ã¨ã‚

webåˆ¶ä½œ

template

sample

accessibility

usability
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹ç›®ã®å‹•ãã¯ã€ŒFã€ãƒ‘ã‚¿ãƒ¼ãƒ³ - GIGAZINE
ã¤ã¾ã‚Šäººé–“ã¯ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹å ´åˆã€ã€ŒFã€ã®å—ã‚’æããªãŒã‚‰ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’è¦‹ã¦ã„ã‚‹ã¨ã„ã†ã‚ã‘ã€‚ ã“ã‚Œã¯232äººã®è¢«é¨“è€…ã‚’å¯¾è±¡ã«è¡Œã‚ã‚ŒãŸã‚‚ã®ã§ã€å¤§ä½“1ãƒšãƒ¼ã‚¸ã‹ã‚‰é‡è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¦‹ã¤ã‘ã‚‹ãŸã‚ã«2ç§’ã‹ã‚‰3ç§’ã¨ã„ã†ã‚‚ã®ã™ã”ã„çŸæ™‚é–“ã«é©šç•°çš„ãªé€Ÿåº¦ã§ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ããã†ã§ã€‚ ã§ã€ãã®è¦–ç·šã®çµŒè·¯ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŒ–ã—ãŸã®ãŒã“ã®ç”»åƒã€‚å…¨éƒ¨ã§3æ®µéšŽã®ã‚¹ãƒ†ãƒƒãƒ—ã‚’è¸ã‚“ã§ãŠã‚Šã€å„æ®µéšŽã‚’è¸ã‚“ã§ã„ã£ãŸçµæžœã€ã€ŒFã€ã®å—ã‚’æãã¨ã„ã†ã‚ã‘ã€‚å¤§ä½“ã©ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚ä¸€è²«ã—ã¦ã“ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’è¸ã‚“ã§ã„ã‚‹ã‚‰ã—ã„ã€‚ä»¥ä¸‹ãŒãã®å…¨3æ®µéšŽã®èª¬æ˜Žã€‚ã©ã†ã„ã†ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒåŠ¹æžœçš„ãªã®ã‹ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html ç¬¬1æ®µéšŽï¼š è¨ªå•è€…ã¯æœ€åˆã«ãƒšãƒ¼ã‚¸ã®
the-day 2007/04/03
interface

usability

marketing

design

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

accessibility
ãƒªãƒ³ã‚¯
1