[B! html][html5] uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

uchiuchiyama id:uchiuchiyama

htmlã¨html5ã«é–¢ã™ã‚‹uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

å…¨æ—¥æœ¬ï¼œlabelï¼žè¦ç´ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¤œå®š
19. Matteo Penzoæ°ã®EyeTrackingæ¤œè¨¼çµæžœã§ã¯ http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php 1. Left-Aligned Labels(å·¦å¯„ã›) 2. Right-Aligned Labels(å³å¯„ã›) 3.Top-Aligned Labels(ä¸Šå¯„ã›) âœ• âƒ â—Ž â†’ é …ç›®ãŒå°‘ãªã„ãªã‚‰ã“ã£ã¡ â†’ é …ç›®ãŒå¤šã„æ™‚ã«æœ‰åŠ¹ â†’ ä¸€ç•ªã‚¹ãƒˆãƒ¬ã‚¹ãŒå¤§ãã„ â†’ ã‚¹ãƒˆãƒ¬ã‚¹ãŒæœ€å°ã€ãƒã‚°ã‚¤ãƒ³ç”»é¢ â†’ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒå¿…è¦ãªå ´åˆã¨ã‹ â†’ ä½¿ã£ã¡ã‚ƒãƒ€ãƒ¡ 20. äººé–“å·¥å¦çš„è¦³ç‚¹ã§ã¯ã€è¦–ç‚¹ã®å‹•ããŒé‡è¦ - Path To Completion - è¦–ç‚¹ã®å°Žç·šã¯ä¸€æœ¬ã«ã€‚ http://www.slideshare.net/lorielue/form-design-best-practices-t
uchiuchiyama 2013/08/13
presentation

html

html5

css

design

ui
ãƒªãƒ³ã‚¯
ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆï¼ˆCopyrightï¼‰ã¨ã¯ï¼Ÿè‘—ä½œæ¨©è¡¨ç¤ºã®æ£ã—ã„æ›¸ãæ–¹ã‚„æ„å‘³ã‚’è§£èª¬ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚µãƒªãƒ¼ã§ã™ã€‚ ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãã«å½“ãŸã‚Šå‰ã«å…¥ã‚Œã¦ã„ã‚‹ã€ŒCopyrightï¼ˆã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆã€Â©ï¸ï¼‰ã€ã®è¨˜è¿°ã§ã™ãŒã€ã‚µã‚¤ãƒˆã«ã‚ˆã£ã¦å¹´å·ãŒã‚ã£ãŸã‚Šãªã‹ã£ãŸã‚Šã€é•·ã‹ã£ãŸã‚ŠçŸã‹ã£ãŸã‚Šã€æ›¸ãæ–¹ã¯ã•ã¾ã–ã¾ã§ã™ã‚ˆãã€‚ ä»Šå›žã¯ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆã¨ã¯ä½•ã‹ã€æ£ã—ã„æ›¸ãæ–¹ã‚„Â©ã¨ã®é–¢ä¿‚æ€§ã«ã¤ã„ã¦è©³ã—ãè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆã¨ã¯ ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆã¨ã¯ã€è‹±èªžã§ã€ŒCopyrightã€ã¨æ›¸ãã€â€è‘—ä½œæ¨©â€ã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚è‘—ä½œæ¨©ã¨ã¯ã€ä½œå“ã‚’å‰µä½œã—ãŸäººã‚„ä¼šç¤¾ï¼ˆè‘—ä½œè€…ï¼‰ãŒæŒã¤æ¨©åˆ©ã§ã‚ã‚Šã€è‘—ä½œè€…ã¯ä½œå“ãŒã©ã†ä½¿ã‚ã‚Œã‚‹ã‹æ±ºã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Webã‚µã‚¤ãƒˆã‚„ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®ä¸‹éƒ¨ã«ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆãŒã‚ã‚‹ã®ã¯ã€Œã“ã“ã«ã‚ã‚‹è¨˜äº‹ã‚„ç”»åƒã®è‘—ä½œæ¨©ã¯è‡ªç¤¾ãŒæŒã£ã¦ã„ã‚‹ã‹ã‚‰ã€ç„¡æ–è»¢è¼‰ã—ãªã„ã§ãã ã•ã„ã€ã¨ã„ã†ä¸€ç¨®ã®æ„æ€è¡¨ç¤ºã§ã™ã€‚ åŽ³å¯†ã«ã„ã†ã¨è‘—ä½œæ¨©æ³•ã§è‘—ä½œç‰©ã¯ã€Œæ€æƒ³åˆã¯æ„Ÿæƒ…ã‚’å‰µä½œçš„ã«è¡¨ç¾ã—ãŸã‚‚ã®ã§ã‚ã£ã¦ã€æ–‡èŠ¸ã€å¦è¡“ã€ç¾Žè¡“åˆã¯éŸ³æ¥½ã®
uchiuchiyama 2013/01/22
writing

development

html

html5
ãƒªãƒ³ã‚¯
ist-jo.inÂ -Â ist jo ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
uchiuchiyama 2011/08/25
introduction

html

html5

design

development
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 2011å¹´1æœˆ22æ—¥ iPhoneã¨Androidä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆä½œæˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¨ªå¹…ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320pxï½ž640pxã€æ¨ªå‘ãã§480pxï½ž960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ æ¨™æº–ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(æ¨ª)/480pxï¼ˆç¸¦ï¼‰ã‚’æ¨™æº–ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ â€»iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…éƒ¨è§£åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãã‚Œã‚‹ãŸã‚ã€‚ ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’ä½œæˆã™ã‚‹éš›ã‚‚ç¸¦ã‚’æ¨™æº–ã¨ã™ã‚‹éš›ã¯320pxï¼ˆæ¨ªï¼‰ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
uchiuchiyama 2011/01/23
iphone

android

mobile

development

html5

ui

javascript

html
ãƒªãƒ³ã‚¯
1