Site Under MaintenanceWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
サイトã®UIã«é–¢ã™ã‚‹ãƒ†ã‚¹ãƒˆã‚’手軽ã«ä½œã‚Œã‚‹ã€ŽFive Second Test〠| 100SHIKI
サイトを作ã£ãŸã‚‰è©¦ã—ã¦ã¿ãŸã„ã®ãŒFive Second Testã 。 ã“ã®ã‚µã‚¤ãƒˆã§ã¯ã‚ãªãŸãŒä½œã£ãŸã‚µã‚¤ãƒˆã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’アップã™ã‚‹ã ã‘ã§ã€ç°¡å˜ãªUIã«é–¢ã™ã‚‹ãƒ†ã‚¹ãƒˆã‚’作るã“ã¨ãŒã§ãる。 テストをå—ã‘る人ã¯ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸç”»åƒã‚’5秒間ã ã‘見ã›ã‚‰ã‚Œã¦ã€ãã®ã‚ã¨ã«ä½•ã‚’覚ãˆã¦ã„ãŸã‹ã‚’書ã‹ã•ã‚Œã‚‹ã€ã¨ã„ã†ä»•çµ„ã¿ã 。 ã“ã®ãƒ†ã‚¹ãƒˆã‚’実施ã™ã‚‹ã“ã¨ã§ã€ã‚ãªãŸã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½•ãŒå°è±¡ã«æ®‹ã‚‹ã‹ã€ã‚‚ã—ãã¯æ®‹ã‚‰ãªã„ã‹ã‚’知るã“ã¨ãŒã§ãã‚‹ã®ã 。 自分ãŒæ„図ã—ãŸã¨ãŠã‚Šã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æƒ…å ±ãŒä¼ã‚ã£ã¦ã„ã‚‹ã‹ã€ãã¡ã‚“ã¨ç¢ºã‹ã‚ã‚‹ã®ã¯å¤§äº‹ã 。ã“ã†ã—ãŸãƒ†ã‚¹ãƒˆã¯ãŠæ‰‹è»½ã§ã„ã„ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ãªã€‚
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;
クリック後ã®èª¬æ˜Žæ–‡ã‚’凄ãオシャレã«è¡¨ç¤ºã§ãる「mooSlideã€:phpspot開発日誌
mooSlide - ajax based slider - lightbox replacement The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common "lightbox" that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox. クリック後ã®èª¬æ˜Žæ–‡ã‚’凄ãオシャレã«è¡¨ç¤ºã§ãる「mooSlideã€ã€‚ LightBoxã®ä¸€ç¨®ã«ãªã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€è¡¨ç¤ºã®ä»•æ–¹ãŒã‹ãªã‚Šã‚ªã‚·ãƒ£ãƒ¬ãªmooSlide。 クリックã—ãŸã¨ã“ã‚ã€ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã‹ã‚‰ãƒ–ãƒãƒƒã‚¯ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦èª¬æ˜ŽãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 仕組ã¿ã¯LightBoxã§ã‚‚ã€ã¿ã›æ–¹æ¬¡ç¬¬ã§ã“ã‚Œã ã‘å°è±¡ã£ã¦å¤‰
タブã®åˆ¶ä½œã§æ³¨æ„ã™ã¹ãã“㨠(ユーザビリティ実践メモ)
ã“ã®ã‚¨ãƒªã‚¢ã§è¿·ã£ãŸãƒ¦ãƒ¼ã‚¶ã®å…¸åž‹çš„ãªè¡Œå‹•ä¾‹ã‚’以下(1)ã‹ã‚‰(4)ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ã”説明ã—ã¾ã™ã€‚（下図ã¨ã‚ã‚ã›ã¦ã”覧ãã ã•ã„。） (1)　åˆæœŸçŠ¶æ…‹ã®ã€Œã‚¿ãƒ–Aã€ã‹ã‚‰ã€ã€Œã‚¿ãƒ–Bã€ã‚’クリックã—ãŸã€‚ (2)　「タブBã€å†…ã«è¡¨ç¤ºã•ã‚ŒãŸã€Œãƒªãƒ³ã‚¯ï¼”ã€ã‚’クリックã—ã€ãƒšãƒ¼ã‚¸é·ç§»ã—ãŸã€‚ (3)　é·ç§»å…ˆãƒšãƒ¼ã‚¸ã‚’閲覧ã—ãŸå¾Œã€(2)ã§è¦‹ãˆã¦ã„ãŸã€Œãƒªãƒ³ã‚¯ï¼•ã€ã‚„「リンク６ã€ã‚‚æ°—ã«ãªã£ã¦ã„ãŸãŸã‚ã€ãƒ–ラウザã®ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’クリックã—ãŸã€‚ (4)　戻ã£ãŸãƒšãƒ¼ã‚¸ã§ã¯ã€ã‚¿ãƒ–ãŒåˆæœŸçŠ¶æ…‹ã®ã€Œã‚¿ãƒ–Aã€ã«ãªã£ã¦ã„ãŸãŒã€ãƒ¦ãƒ¼ã‚¶ã¯æ°—付ã‹ãšã«ã€Œãƒªãƒ³ã‚¯ï¼‘ã€ã‚„「リンク２ã€ã‚’クリックã—ã¦ã—ã¾ã£ãŸã€‚ (4)ã®å ´é¢ã§ã€ãƒ¦ãƒ¼ã‚¶ã¯ã•ãã»ã©é¸æŠžã—ãŸã€Œã‚¿ãƒ–Bã€ã®å†…容ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã£ã¦ã„ãŸãŸã‚ã€å®Ÿéš›ã«ã©ã®ã‚¿ãƒ–ãŒé¸æŠžã•ã‚Œã¦ã„ã‚‹ã‹ã¨ã„ã†ã“ã¨ã«æ³¨æ„を払ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ 上記例ã®ã‚ˆã†ãªæ··ä¹±ã‚’防ããŸã‚ã«ã¯ã€åˆ‡ã‚Šæ›¿ãˆãŸã‚¿ãƒ–をページé·ç§»å¾Œã‚‚記憶ã™ã‚‹ã‚ˆã†ã«åˆ¶ä½œã—ãŸæ–¹ãŒè‰¯ã„ã§
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
IDEA*IDEA 〜 ã¨ã‚るサービスé‹å–¶è€…ãŒå¦ã‚“ã ã“ã¨ã‚’ã¾ã¨ã‚るブãƒã‚°
{{#tags}}- {{label}}
{{/tags}}