Googleã®ãƒˆãƒƒãƒ—ページを開ãã¨æ¯Žç§’100回JavaScriptãŒå®Ÿè¡Œã•ã‚Œã‚‹ã‚ˆ - å°„æ’ƒã—ã¤ã¤å‰è»¢ 改
FirefoxãŒCPUを常ã«15%ãらã„食ã†ã®ãŒæ°—ã«ãªã£ã¦ã„ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€Googleã®ãƒˆãƒƒãƒ—ページを開ãã¨ã‚‚ã®ã™ã”ã„å‹¢ã„ã§JavaScriptãŒå®Ÿè¡Œã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚具体的ã«ã¯ã€var k=t.value;k!=h&&X(0);h=k ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ãŒæ¯Žç§’100回実行ã•ã‚Œã¦ã„る。ã“ã®ã›ã„ã§ã€è‡ªåˆ†ã®ä½¿ã£ã¦ã„ã‚‹PCã ã¨ã€Googleã®ãƒˆãƒƒãƒ—ページを開ãã ã‘ã§CPU使用率ãŒ2%ãらã„上ãŒã£ã¦ã„るよã†ã 。Firefox特有ã®å•é¡Œã¨ã„ã†ã‚ˆã‚Šã¯ã€ã‚¦ã‚§ãƒ–ページå´ã®ä½œã‚Šæ–¹ã«ä¾ã‚‹ã‚‚ã®ã¿ãŸã„ã 。ãŸã¶ã‚“ä»–ã®ãƒ–ラウザã§ã‚‚å•é¡Œã¯å¤‰ã‚らãªã„ã ã‚ã†ã€‚ Googleã®ãƒˆãƒƒãƒ—ページã®å ´åˆã€ã‚³ãƒ¼ãƒ‰ã‚’調ã¹ã¦ã¿ãŸé™ã‚Šã§ã¯ã€åŽŸå› ã¯ã©ã†ã‚‚検索候補ã®è‡ªå‹•è£œå®Œç”¨ã®ã‚³ãƒ¼ãƒ‰ã¿ãŸã„ã 。ç¾åœ¨ã®å…¥åŠ›æ–‡å—列ãŒéŽåŽ»ã®è¨˜éŒ²ã¨é•ã£ãŸã‚‰è£œå®Œã®æ示をやり直ã™ã€ã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„るよã†ã«è¦‹ãˆã‚‹ã€‚ HTMLã§ã¯ãƒ†ã‚ストボックス内ã®ãƒ†ã‚ストãŒå¤‰æ›´ã•ã‚Œ
マウス ãƒã‚¤ãƒ³ã‚¿ã®åŠ 速を調節ã™ã‚‹æ–¹æ³•
Windows XP ã§ãƒžã‚¦ã‚¹ ãƒã‚¤ãƒ³ã‚¿ã®åŠ 速を調節ã™ã‚‹æ–¹æ³• マウス ãƒã‚¤ãƒ³ã‚¿ã‚’ã‚‚ã£ã¨é€Ÿãã—ãŸã„ ï¼ æœ€é«˜é™åº¦ä»¥ä¸Šã« Windows XP ã§ã¯ãƒžã‚¦ã‚¹ã®ãƒã‚¤ãƒ³ã‚¿ï¼ˆã‚«ãƒ¼ã‚½ãƒ«ï¼‰ã®é€Ÿåº¦ã¯ã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« パãƒãƒ«ã®ã€Œãƒžã‚¦ã‚¹ã€ã‚’使ã£ã¦èª¿ç¯€ã§ãる。「マウスã®ãƒ—ãƒãƒ‘ティã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ã€Œãƒã‚¤ãƒ³ã‚¿ オプションã€ã‚¿ãƒ–ã®ã€Œé€Ÿåº¦ã€æ¬„ã§ã€Œãƒã‚¤ãƒ³ã‚¿ã®é€Ÿåº¦ã‚’é¸æŠžã™ã‚‹ã€ã®ã‚¹ãƒ©ã‚¤ãƒ€ã‚’「速ãã€ã®æ–¹ï¼ˆå³ï¼‰ã«å‹•ã‹ã›ã°é€Ÿããªã‚‹ã€‚ ã—ã‹ã—ã€ãƒžã‚¦ã‚¹ ãƒã‚¤ãƒ³ã‚¿ã‚’速ãã™ã‚‹ãŸã‚ã«ã“ã®ã‚¹ãƒ©ã‚¤ãƒ€ã‚’å³ä¸€æ¯ã«å‹•ã‹ã—ã¦æœ€é€Ÿã«è¨å®šã—ã¦ã‚‚ã€ãªãŠãƒã‚¤ãƒ³ã‚¿ã®å‹•ããŒé…ã„ã¨æ„Ÿã˜ã‚‹å ´åˆãŒã‚る。特ã«å¤§ç”»é¢ã®ãƒ¢ãƒ‹ã‚¿ï¼ˆãƒ‡ã‚£ã‚¹ãƒ—レイ）をマルムモニタã§ä½¿ç”¨ã—ã¦ã„ã‚‹å ´åˆã€ãƒžã‚¦ã‚¹ã‚„トラックボールを何度も動ã‹ã—ã¦ãƒã‚¤ãƒ³ã‚¿ã‚’移動ã•ã›ãªã‘ã‚Œã°ãªã‚‰ãªã„ã“ã¨ãŒã‚ã‚Šã€ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ„Ÿã˜ã‚‹ã€‚最近ã§ã¯ãƒ¡ãƒ¼ã‚«ãƒ¼å„社ã‹ã‚‰ãƒžã‚¦ã‚¹ã®è§£åƒåº¦ï¼ˆãƒžã‚¦ã‚¹ã‹ã‚‰ PC ã«ä¼é”ã•ã‚Œã‚‹ç§»å‹•é‡ã®æƒ…å ±ï¼‰ãŒé«˜ãè¨å®šã•
[CSS]スタイルシートã§å®Ÿè£…ã™ã‚‹ãƒ‰ãƒãƒƒãƒ—ダウン型ã®ãƒŠãƒ“ゲーション
スタイルシートã§å®Ÿè£…ã™ã‚‹ãƒ‰ãƒãƒƒãƒ—ダウン型ã®ãƒŠãƒ“ゲーションをJanko At Warp Speedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
ウェブサイトをユーザーã«ãƒªãƒ©ãƒƒã‚¯ã‚¹ã—ã¦æ¥½ã—ã‚“ã§ã‚‚らãˆã‚‹ã‚ˆã†ã«ã™ã‚‹10ã®Tips
ウェブサイトをユーザーã«ãƒªãƒ©ãƒƒã‚¯ã‚¹ã—ã¦æ¥½ã—ã‚“ã§ã‚‚らãˆã‚‹ã‚ˆã†ã«ã€ã‚ˆã‚Šä½¿ã„ã‚„ã™ãã™ã‚‹10ã®Tipsã‚’Web Designer Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 10 Tips to Create a More Usable Web 以下ã€å„ãƒã‚¤ãƒ³ãƒˆã®ãƒ”ックアップã§ã™ã€‚ 1. Creating active navigation アクティブ機能をもã£ãŸãƒŠãƒ“ゲーションã®è¨ç½® サイトã®ã©ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«ã„ã‚‹ã‹ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ˜Žç¤ºã§ãるナビゲーションをè¨ç½®ã—ã¾ã™ã€‚ 2. Clickable labels & buttons ラベルやボタンをクリックå¯èƒ½ã« フォームã®ãƒ©ãƒ™ãƒ«ï¼ˆlabel）やボタン（button）ã«ã€ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ã§ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§è¨å®šã—ã¾ã™ã€‚ 例： <textarea name="code" class="css" cols="60" rows="5"> label, butto
分裂勘é•ã„å›åŠ‡å ´ - æ€è€ƒã®é€Ÿåº¦ã§ãƒ‘ソコンを使ã†æŠ€è¡“
剣é“ã®é”人ã¯å‰£ãŒèº«ä½“ã®ä¸€éƒ¨ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ã‚‹ã§ã€å‰£ã®å…ˆã«ã¾ã§ç¥žçµŒãŒç”Ÿãˆã¦ã„るよã†ã«ã€å‰£ã§æ„Ÿã˜ã€å‰£ã‚’æ“ã‚Šã¾ã™ã€‚ ã‚‚ã¯ã‚„ã€é“具を使ã£ã¦ã„ã‚‹ã¨ã„ã†æ„è˜ã¯ãªãã€å‰£ã‚‚å«ã‚ã¦èº«ä½“æ„è˜ãŒå½¢æˆã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ã€‚ åŒã˜ã‚ˆã†ã«ã€ä¸€æµã®ãƒ¬ãƒ¼ã‚µãƒ¼ã¯èº«ä½“ãŒãƒžã‚·ãƒ³ã¨ä¸€ä½“化ã—ã¦ã„ã¾ã™ã—〠一æµã®ãƒã‚¹ã‚±ãƒƒãƒˆãƒœãƒ¼ãƒ«ãƒ—レーヤーã¯ãƒœãƒ¼ãƒ«ãŒæ‰‹ã«å¸ã„付ã„ã¦ã„ã¾ã™ã€‚ ãã†ã„ã†é¢¨ã«ãƒ‘ソコンを身体化ã—ãŸã„ã¨æ€ã„ã€ã‚ーカスタマイズãªã©ã€ã„ã‚ã„ã‚ã¨è©¦è¡ŒéŒ¯èª¤ã—ã¦ã¿ã¾ã—ãŸã€‚ ãã®çµæžœã‚ã‹ã£ãŸã®ã¯ã€ã‚‚ã¡ã‚ã‚“ã€ä¾¿åˆ©ãªã‚ーカスタマイズソフトを使ã†ã“ã¨ã¯é‡è¦ãªã®ã§ã™ãŒã€ãれ以上ã«é‡è¦ãªã®ã¯ã€ã€Œã©ã®ã‚ˆã†ãªæˆ¦ç•¥ã«åŸºã¥ã„ã¦ã‚ーカスタマイズを行ã†ã‹ã€ã¨ã„ã†ã“ã¨ã§ã—ãŸã€‚ ãã—ã¦ã€ãれをçªãè©°ã‚ã¦ã„ã£ãŸã‚‰ã€çµå±€ã€ã‚¹ãƒãƒ¼ãƒ„ã‚„æ ¼é—˜æŠ€ã¨åŒæ§˜ã€æ¬¡ã®ï¼“ã¤ã‚’徹底追求ã™ã‚‹ã¹ãã ã¨ã„ã†çµè«–ã«è‡³ã‚Šã¾ã—ãŸã€‚ ã¨ã‚Šã‚ãˆãšã€ã“ã“ã§ã¯ãれを「パソコンã®èº«ä½“化技法ã€ã¨å‘¼ã‚“ã§ã¿ã‚‹ã“ã¨ã«ã—ã¾
ケータイ公å¼ã‚µã‚¤ãƒˆ&ダウンãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティ6ã¤ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬4回） | モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã„ã‚㯠| Web担当者Forum
ã€æ¥ç•Œåˆ¥ã€‘27å’就活生ã®ã€Œäººæ°—ä¼æ¥ãƒ©ãƒ³ã‚ングã€ç™ºè¡¨ï¼ ITç³»ã§ã¯ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãŒæ€¥æµ®ä¸Šã€å¦æƒ…調ã¹ã€‘ 12月15æ—¥ 6:00
ウェブデザインã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’アップã™ã‚‹7ã¤ã®ãƒã‚¤ãƒ³ãƒˆ | コリス
ウェブデザインã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’アップã™ã‚‹7ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’Function Web Design & Developmentã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ How to Spot Quality within Web Design: Examples & Tips 以下ã€ãã®æ„訳ã§ã™ã€‚ 1. Spacing スペースã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®é–“ã«ä½¿ç”¨ã•ã‚Œã‚‹å·§å¦™ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ç´ æ™´ã‚‰ã—ã„イメージをé…ç½®ã™ã‚‹ã“ã¨ã‚‚大切ã§ã™ãŒã€ãã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã©ã®ã‚ˆã†ã«ã‚¹ãƒšãƒ¼ã‚¹ã‚’与ãˆã‚‹ã‹å……分ã«è€ƒæ…®ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 充分ãªã‚¹ãƒšãƒ¼ã‚¹
ユーザーフレンドリーãªå„ªã‚ŒãŸãƒŠãƒ“ゲーション集
Smashing Magazineã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ50ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã§ç¾Žã—ã„ナビゲーション集ã€ã‹ã‚‰ã€æœ‰ç”¨çš„ã§å„ªã‚ŒãŸãƒŠãƒ“ゲーションをã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ 50 Beautiful And User-Friendly Navigation Menus 有用性ã®ãƒã‚¤ãƒ³ãƒˆã‚„ãã®åŠ¹æžœã«ã¤ã„ã¦ã¯ã€Œã‚¦ã‚§ãƒ–デザインã«ãŠã‘る効果的ãªã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å–ã‚Šæ–¹ã€ã‚’å‚ç…§ãã ã•ã„。 CSSベースã®ãƒŠãƒ“ゲーション
モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰å‰ã«çŸ¥ã£ã¦ãŠããŸã„ユーザビリティ10ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬1回） | モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã„ã‚ã¯
端末特性ã«å¿œã˜ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティã®è€ƒãˆæ–¹æœ€ã‚‚身近ã§ã€ã©ã“ã§ã‚‚気軽ã«ä½¿ãˆã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆç«¯æœ«ã¨ãªã£ãŸæºå¸¯é›»è©±ã€‚端末ã®æ€¥é€Ÿãªæ™®åŠã¨ãƒã‚¤ã‚¹ãƒšãƒƒã‚¯åŒ–ã«ã¨ã‚‚ãªã„ã€æºå¸¯é›»è©±å‘ã‘インターãƒãƒƒãƒˆã‚µãƒ¼ãƒ“スã«ã‚ˆã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãŒå„ä¼æ¥ã§æœ¬æ ¼çš„ã«å–り組ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚PCå‘ã‘Webサイトã¨åŒæ§˜ã€æºå¸¯å‘ã‘Webサイト（以é™â€œãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆâ€ï¼‰ã®æ§‹ç¯‰ã«ãŠã„ã¦ã‚‚当然ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®é«˜ã„サイトを構築ã™ã‚‹ã“ã¨ãŒå„ä¼æ¥ã®ãƒ“ジãƒã‚¹ã«ã‚ˆã„影響をもãŸã‚‰ã™ã“ã¨ã¯å¿…然ã§ã™ã€‚ ã—ã‹ã—ã€ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ã¯ã€ã“ã‚Œã¾ã§å„ä¼æ¥ãŒæ§‹ç¯‰ãƒ»é‹ç”¨ã—ã¦ããŸPCå‘ã‘Webサイトã¨æ¯”ã¹ã‚‹ã¨ã€ç”»é¢ã‚µã‚¤ã‚ºã‚„1ページã§è¡¨ç¤ºã§ãるページ容é‡åˆ¶é™ã€ã‚ャリアã”ã¨ã®é•ã„ãªã©ã€ãƒ¢ãƒã‚¤ãƒ«ãªã‚‰ã§ã¯ã®åˆ¶ç´„ãŒã‚ã‚Šã¾ã™ã€‚ãれらをè¸ã¾ãˆãŸã†ãˆã§ã€ã©ã†ã™ã‚Œã°ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’æ£ç¢ºã«ä¼ãˆã‚‹ã“ã¨ãŒã§ãã€ã‚¹ãƒˆãƒ¬ã‚¹ãªã利用ã§ãるユーザビリティã®å„ªã‚ŒãŸã‚µã‚¤ãƒˆã‚’実ç¾ã§
離脱ã•ã‚Œãªã„æºå¸¯ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒ 作æˆè¡“ (ユーザビリティ実践メモ)
ã¿ãªã•ã‚“ã¯æºå¸¯ã‚µã‚¤ãƒˆã®ä¼šå“¡ç™»éŒ²ã‚’è¡Œã†éš›ã«ä»¥ä¸‹ã®ã‚ˆã†ãªçµŒé¨“ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ・入力エラーãŒç™ºç”Ÿã—ãŸã€‚ ・次ページã®èªã¿è¾¼ã¿ä¸ã«æŽ¥ç¶šä¸è‰¯ã¨ãªã£ãŸã€‚ 弊社ã®ãƒ¦ãƒ¼ã‚¶è¡Œå‹•è¦³å¯Ÿèª¿æŸ»ã§ã¯ã€ä¼šå“¡ç™»éŒ²æ™‚ã«ä¸Šã®ã‚ˆã†ãªçŠ¶æ³ã«ç›´é¢ã™ã‚‹ã¨ã€å¤šãã®äººãŒä¼šå“¡ç™»éŒ²ã‚’ã‚ãらã‚ã¦ã—ã¾ã†æ§˜åãŒè¦³å¯Ÿã•ã‚Œã¦ã„ã¾ã™ã€‚ 今回ã¯ã“ã®ã‚ˆã†ãªãƒˆãƒ©ãƒ–ル発生を防ãŽã€ã€Œé›¢è„±ã•ã‚Œãªã„フォームã€ã‚’実ç¾ã™ã‚‹ä¸Šã§é‡è¦ã¨ãªã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’ï¼’ã¤ã”紹介ã—ã¾ã™ã€‚ フォーム入力例をé©åˆ‡ãªä½ç½®ã«é…ç½®ã™ã‚‹ フォーム内ã®å„é …ç›®ã«å…¥åŠ›ä¾‹ã‚’明示ã™ã‚‹ã“ã¨ã§ã‚¨ãƒ©ãƒ¼ç™ºç”Ÿã‚’防ãŽã¾ã™ã€‚ã”ãã”ã当ãŸã‚Šå‰ã®ã“ã¨ã§ã™ãŒã€PCサイトã«æ¯”ã¹ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スペースãŒå°‘ãªã„ã“ã¨ã‚’ç†ç”±ã«ã€æºå¸¯ã‚µã‚¤ãƒˆã§ã¯ã€Œå…¥åŠ›ä¾‹ãŒçœç•¥ã•ã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ã€ãŒå¤šã見å—ã‘られã¾ã™ã€‚ ã¾ãŸã€å…¥åŠ›ä¾‹ã®é…ç½®ã«ã‚‚注æ„ãŒå¿…è¦ã§ã™ã€‚ãŸã¨ãˆå…¥åŠ›ä¾‹ãŒé…ç½®ã•ã‚Œã¦ã„るフォームã§ã‚ã£ã¦ã‚‚ã€ä¸‹å›³ã®å·¦å´ã®ã‚ˆã†ã«å…¥åŠ›æ¬„ã®ä¸‹ã«é…ç½®ã—ã¦ã„ã‚‹ã‚‚ã®ã¯å分ã¨è¨€ãˆã¾ã›ã‚“。
ユーザãŒã¤ã„èªã‚“ã§ã—ã¾ã†è¡¨ç¾æ–¹æ³•ã¨ã¯ï¼Ÿ (ユーザビリティ実践メモ)
ã“ã‚Œã¾ã§å®Ÿè·µãƒ¡ãƒ¢ã§ã¯ã€ã‚¦ã‚§ãƒ–ライティングã®åŸºç¤Žãªã©ã€ãƒ¦ãƒ¼ã‚¶ã«ã¨ã£ã¦èªã¿ã‚„ã™ã„æ–‡ç« è¡¨ç¾ã«ã¤ã„ã¦ã„ãã¤ã‹è€ƒå¯Ÿã—ã¦ãã¾ã—ãŸã€‚ ウェブライティングã®è¨˜äº‹ä¸€è¦§ 今回ã¯ã€è¨´æ±‚ãƒã‚¤ãƒ³ãƒˆã‚’FAQå½¢å¼ã§è¡¨ç¾ã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ã«å†…容ã¾ã§èªã¾ã‚Œã‚„ã™ãã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ ã“ã®ã‚µãƒ¼ãƒ“スã§ã¯ã€ãŸã åã©ã‚‚ã‚’é ã‹ã‚‹ã ã‘ã§ãªãã€åã©ã‚‚ã®ç™ºé”を考ãˆãŸã‚µãƒ¼ãƒ“スを行ã£ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ã“ã†ã—ãŸã“ã ã‚ã‚Šã®èª¬æ˜Žæ–‡ã‚’コンパクトã«ã™ã‚‹ã“ã¨ã¯é›£ã—ãã€è¦‹å‡ºã—ã§ã‚‚曖昧ãªè¡¨ç¾ã«ãªã£ã¦ã—ã¾ã„ãŒã¡ã§ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã®å ´åˆã€æ”¹å–„å‰ã¯ãƒ¦ãƒ¼ã‚¶ã¯è¦‹å‡ºã—以下ã®æ–‡ç« ã¾ã§èªã¾ãšã€ç‹¬è‡ªã®ã‚µãƒ¼ãƒ“スを訴求ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ ãã“ã§ã€ç‰¹é•·ã®èª¬æ˜Žã‚’QAå½¢å¼ã«ã—ãŸã¨ã“ã‚ã€ãƒ¦ãƒ¼ã‚¶ã¯æ–‡ç« 部分ã¾ã§èªã‚€ã‚ˆã†ã«ãªã‚Šã€ä»–社ã¨é•ã†ã‚µãƒ¼ãƒ“ス内容をç†è§£ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã†ã„ã£ãŸã€QAå½¢å¼ã®æ–‡ç« ãŒã‚ˆãèªã¾ã‚Œã‚‹ã¨ã„ã†è¡Œå‹•ã¯ã€å¼Šç¤¾ã®ãƒ¦ãƒ¼ã‚¶è¡Œå‹•è¦³å¯Ÿèª¿æŸ»ã®ä¸ã§å¤šã確èªã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®
秀逸ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®ãƒœã‚¿ãƒ³ã‚’デザインã™ã‚‹ãŸã‚ã®5ã¤ã®ç§˜ä¼ - GIGAZINE
ユーザビリティを考ãˆã‚‹ä¸Šã§ã‹ãªã‚Šé‡è¦ãªã®ãŒãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚èžã„ãŸè©±ã ã¨ã€æŸã©ã“ã‹ã®ãƒãƒ¼ãƒ³ãŠç”³ã—è¾¼ã¿ãƒšãƒ¼ã‚¸ã§ã¯ãƒœã‚¿ãƒ³ã®ã‚µã‚¤ã‚ºã‚’極端ã«å¤§ããã—ã¦ç›®ç«‹ã¤ã‚ˆã†ã«ã—ã¦ã€ãƒœã‚¿ãƒ³ã«ã€ŒOKã€ã¨ã‹ã€ŒæŠ•ç¨¿ã€ã§ã¯ãªãデカデカã¨ã€Œä»Šã™ã申ã—込むã€ã¨ã„ã†ã‚ˆã†ã«ãƒ©ãƒ™ãƒªãƒ³ã‚°ã—ãŸã¨ã“ã‚ã€æ•°ç™¾ãƒ‘ーセント増ã—ã§ç”³è¾¼ã¿ãŒã‚ã£ãŸã¨ã®ã“ã¨ã€‚ã»ã‚“ã®å°‘ã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®å·®ã§ã‚‚ãƒã‚«ã«ã¯ã§ãã¾ã›ã‚“。 ã¨ã„ã†ã‚ã‘ã§ã€ã„ã‚ã„ã‚ãªæœ‰åサイトã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãŒè©°ã¾ã£ã¦ç·´ã‚Šè¾¼ã¾ã‚ŒãŸãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’見ã¦ã¿ã‚‹ã¨ã€ã©ã‚Œã‚‚ã“れも一見ã™ã‚‹ã¨æ™®é€šã«è¦‹ãˆã‚‹ã‚ˆã†ã§ã‚‚ã€å®Ÿã¯ãã†ã§ã¯ãªã„ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ãれらã«ã¯å…±é€šã—ã¦5ã¤ã®ãƒ«ãƒ¼ãƒ«ãŒé©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ 秘ä¼ã®æ³•å‰‡ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ ■秘ä¼ãã®1：色 ボタンã®è‰²ã¯ãƒšãƒ¼ã‚¸ã®ä»–ã®ã‚‚ã®ã‚ˆã‚Šã‚‚目立ãŸã›ã€ã‚ˆã‚Šæ˜Žã‚‹ãã€ãã—ã¦ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’効ã‹ã›ã¦ãƒšãƒ¼ã‚¸ã®ã‚«ãƒ©ãƒ¼ã¨ã¯å¯¾ç…§ã®è‰²ã‚’使ã„ã¾ã—ょã†ã€‚ ■秘ä¼ãã®2ï¼šå ´æ‰€ ユーザーãŒã™ãã«è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒ
ã™ã使ãˆã‚‹ï¼ãªã‚らã‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã§â€œé…ã›ã‚‹â€UIã« (1/5)
ãŸãã•ã‚“ã®ç”»åƒã‚’美ã—ãã€ã‹ã¤åŠ¹æžœçš„ã«è¦‹ã›ãŸã„。ãã®1ã¤ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¨ã—ã¦ã€ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’マウスオーãƒãƒ¼ã¨ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã§æ¼”出ã™ã‚‹æ–¹æ³•ã‚’å‰å›žç´¹ä»‹ã—ã¾ã—ãŸã€‚今回ã¯ã¾ãŸé•ã£ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã‚’仕入れるã¹ãã€ã‚ªãƒ©ãƒ³ãƒ€ã®Webデザイナーã€Marius Roosendaalã•ã‚“ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã«æ³¨ç›®ã—ã¦ã¿ã¾ã—ょã†ã€‚ 昨年ã€ã€ŒBest Web Galleryã€ã®ãƒ™ã‚¹ãƒˆ50ã«ã‚‚é¸ã°ã‚ŒãŸã“ã®ã‚µã‚¤ãƒˆã¯ä¸€è¦‹ã€ã‚·ãƒ³ãƒ—ルã§ã‚¹ãƒžãƒ¼ãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ãŒã€é–²è¦§ã™ã‚‹æ™‚間帯ã«ã‚ˆã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’切り替ãˆã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変ãˆãŸã‚Šã€ãªã‹ãªã‹å‡ã£ãŸã¤ãã‚Šã«ãªã£ã¦ã„ã¾ã™ã€‚ä¸ã§ã‚‚注目ã¯ã€ã‚µã‚¤ãƒˆã®ãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã‚ã‚‹éŽåŽ»ã®ä½œå“紹介。JavaScriptを使ã£ã¦æ¥½ã—ã作å“ç”»åƒã‚’見ã›ã‚‹â€•â€•ãã‚“ãªMarius Roosendaalã•ã‚“ã®â€œæŠ€â€ãŒä»Šå›žã®ãŠæ‰‹æœ¬ã§ã™ã€‚ 今回ã®ãŠæ‰‹æœ¬ã‚µã‚¤ãƒˆï¼š 『Marius Roosendaal -Design port
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://blog.av-jyo.com/2011-07/usability.html
Site Under Maintenance
Site Under Maintenance
モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã‚’見やã™ãã™ã‚‹çµµæ–‡å—活用&テã‚ストレイアウトã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬3回） | モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã„ã‚ã¯
[CSS]クãƒã‚¹ãƒ–ラウザ対応ã®ãƒ•ãƒªãƒ¼ã®ãƒŠãƒ“ゲーション集 -Styled Menu
{{#tags}}- {{label}}
{{/tags}}