世界ä¸ã®ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ã‚’æ¤œç´¢ã™ã‚‹ãŸã‚ã®ãƒ„ールをæä¾›ã—ã¦ã„ã¾ã™ã€‚ã•ã¾ã–ã¾ãªæ¤œç´¢æ©Ÿèƒ½ã‚’活用ã—ã¦ã€ãŠæŽ¢ã—ã®æƒ…å ±ã‚’è¦‹ã¤ã‘ã¦ãã ã•ã„。
Google
世界ä¸ã®ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ã‚’æ¤œç´¢ã™ã‚‹ãŸã‚ã®ãƒ„ールをæä¾›ã—ã¦ã„ã¾ã™ã€‚ã•ã¾ã–ã¾ãªæ¤œç´¢æ©Ÿèƒ½ã‚’活用ã—ã¦ã€ãŠæŽ¢ã—ã®æƒ…å ±ã‚’è¦‹ã¤ã‘ã¦ãã ã•ã„。
[CSS]「:beforeã€ã€Œ:afterã€ã§ã‚¿ãƒ–ã®ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚’強化ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Flared Borders with CSS デモページ ※上：ディテールを強化ã—ãŸã‚¿ãƒ–ã€ä¸‹ï¼šæ—§å¼ã®ã‚¿ãƒ– [ad#ad-2] 対応ブラウザã¯ã€Œ:beforeã€ã€Œ:afterã€ã¯CSS2ã§ã™ãŒã€ã‚¹ã‚¿ã‚¤ãƒ«ã«è§’丸ãªã©ã®CSS3を使用ã—ã¦ã„ã‚‹ãŸã‚ã€CSS3対応ブラウザ（Firefox, Chrome, Safari, IE9）ã§ã”覧ãã ã•ã„。 HTML リストè¦ç´ を使用ã—ã¦ã€å®Ÿè£…ã—ã¾ã™ã€‚ <ul> <li class="current"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> CSS：タブã®ãƒ™ãƒ¼ã‚¹ シンプルãªè§’丸
シニア層ã®ãŸã‚ã®Webサイトユーザビリティ
2013å¹´3月23æ—¥ ユーザビリティ 以å‰ã€Œç¬‘ã£ã¦ã„ã„ã¨ã‚‚ï¼ã€ã®å±±å£æ™ºå……ã•ã‚“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã‚’見ã¦ã„ã¦ã€ã¡ã‚‡ã£ã¨é©šã„ãŸäº‹ãŒã‚ã‚Šã¾ã™ã€‚20代～60代ã®å¥³æ€§ã®å¿…需å“をランã‚ングã—ãŸã‚‚ã®ã§ã€40, 50代女性ã§ã¯5ä½åœå¤–ã ã£ãŸã€Œãƒ‘ソコンã€ãŒ60代ã§3ä½ã«ãƒ©ãƒ³ã‚¯ã‚¤ãƒ³ã€‚シニア層ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆåˆ©ç”¨çŽ‡ã¯å¹´ã€…高ã¾ã£ã¦ãã¦ã„ã‚‹ã®ã¯ãƒ‹ãƒ¥ãƒ¼ã‚¹ç‰ã§èªã‚“ã§ã„ã¾ã—ãŸãŒã€ã“れを見ã¦ãªã‚“ã ã‹å®Ÿæ„Ÿã—ã¾ã—ãŸã€‚ã¨ã„ã†äº‹ã§ä»Šå›žã¯ã‚·ãƒ‹ã‚¢å±¤ã®Webサイトè¨è¨ˆã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ä¸Šè¨˜ã€Œç¬‘ã£ã¦ã„ã„ã¨ã‚‚ï¼ã€ã®ä»¶ã§èˆˆå‘³ã‚’æŒã£ãŸç§ã¯ã€ã‚·ãƒ‹ã‚¢å±¤ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆåˆ©ç”¨æ–¹æ³•ãªã‚“ãžã‚’調ã¹ã¦ã„ãŸã¨ã“ã‚ã€ä¸åº¦ç§ã®æ¯è¦ªãŒã€Œã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã§è²·ã„物ãŒã—ãŸã„ã€ã¨è¨€ã£ã¦ãã¾ã—ãŸã€‚彼女ã¯æµ·å¤–ã«ä½ã‚€ç§ã¨é€£çµ¡ã‚’ã¨ã‚‹ãŸã‚ã«ãƒ¡ãƒ¼ãƒ«ã‚„Skypeç‰ã‚’使ã†äº‹ãŒã§ãã‚‹ã®ã§ã€ã‚る程度インターãƒãƒƒãƒˆã«ã¤ã„ã¦ç†è§£ã—ã¦ã„ã‚‹ã®ã ã¨æ€ã£ã¦ã„ã¾ã—
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}