[B! Design][development][ui] webmarksjpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

webmarksjp id:webmarksjp

Designã¨developmentã¨uiã«é–¢ã™ã‚‹webmarksjpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

Site Under Maintenance
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
webmarksjp 2008/07/15
google

biz

guideline

ui

usability

development

design

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

idea*idea

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ã€ŒOKã€ã¨ã€Œã‚ãƒ£ãƒ³ã‚»ãƒ«ã€ã€ã©ã¡ã‚‰ãŒæœ‰åŠ¹ã‹ â€• ï¼ IT
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ãƒ’ãƒ³ãƒˆï¼ˆæœ€çµ‚å›žï¼‰ ã€ŒOKã€ã¨ã€Œã‚ãƒ£ãƒ³ã‚»ãƒ«ã€ã€ã©ã¡ã‚‰ãŒæœ‰åŠ¹ã‹ ã€Œæƒ…å ±è¡¨ç¾ã®æœ€é©åŒ–ã€ ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2006/10/20 ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãƒ¡ãƒ¢å¸³ã‚’æ–°è¦ã«é–‹ã„ã¦ã€ãƒ¡ãƒ¢ã‚’æ›¸ãã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‰ã˜ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ã€Œå¤‰æ›´ã‚’ä¿å˜ã—ã¾ã™ã‹ï¼Ÿã€ã¨ã„ã†ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ€ã‚¤ã‚¢ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã—ã¦ã¿ã‚Œã°ã€ã€Œæ–°ã—ã„ãƒ¡ãƒ¢ã‚’ã„ã¾æ›¸ã„ãŸã¨ã“ã‚ãªã®ã«ã€ãªãœã€Žå¤‰æ›´ã€ãªã‚“ã ï¼Ÿã€ã¨æ€ã†ã§ã—ã‚‡ã†ï¼ˆæœ¬æ–‡ã‹ã‚‰ï¼‰ è‹±èªžã‚„ã€æ—¥æœ¬èªžã®æ¨ªæ›¸ãã§ã¯ã€æƒ…å ±ã¯å¤§ããä¸Šã‹ã‚‰ä¸‹ã«ã€å·¦ã‹ã‚‰å³ã«å±•é–‹ã—ã¦ã„ãã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ç”»é¢ï¼ˆã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å†…ï¼‰ã®å·¦ä¸Šã‹ã‚‰å³ä¸‹ã«å‘ã‹ã£ã¦æ„è˜ã‚’æŽ¨ç§»ã•ã›ã¦ã€ãã“ã§è¡¨ç¾ã•ã‚Œã¦ã„ã‚‹æƒ…å ±ã‚’å–å¾—ã—ã¦ã„ãã¾ã™ã€‚ å®Ÿéš›ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€ã¾ãšç”»é¢ä¸å¤®ä»˜è¿‘ã«è¦–ç·šã‚’ã‚„ã‚Šã€ãã—ã¦å…¨ä½“ã‚’ã–ã£ã¨è¦‹æ¸¡ã—ã¦ã‹ã‚‰ã€é‡è¦ã¨æ€ã‚ã‚Œã‚‹å€‹æ‰€ã«æ³¨ç›®ã—ã¦ã„ãã‚ˆã†ã§ã™ã€‚ã²ã¨ãŸã³å†…å®¹ã‚’èªã‚‚ã†ã¨ã‹ã€å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’åŸ‹ã‚ã¦ã„ã“ã†ã¨æ±ºã‚ãŸã‚‰ã€å½“ç„¶ã€ä¸Šã‹ã‚‰
webmarksjp 2008/07/14
usability

ui

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

development

ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹

web

design
ãƒªãƒ³ã‚¯
B3 Annex: Appleã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒèªžã‚‹ã€AppleãŒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã§è¡Œã£ã¦ã„ã‚‹4ã¤ã®ã‚³ãƒˆ
æ¯Žå¹´æ’ä¾‹ã®SXSWã¯çµå±€ã€å¥³æ€§é›‘èªŒè¨˜è€…ã«ã‚ˆã‚‹è‹¥ãFaceBook CEO Mark Zuckerbergã¨ã®ã‚¹ãƒ†ãƒ¼ã‚¸ãƒˆãƒ¼ã‚¯ãŒä¸æº€è¶³ãªã‚‚ã®ã§çµ‚ã‚ã£ãŸã¨ã„ã†è©±é¡Œã ã‘ãŒç›®ç«‹ã¡ã€ãªã‚“ã ã‹ãªã€ã¨æ€ã£ã¦ã„ãŸã‚‰ã€ã¡ã‚‡ã£ã¨é¢ç™½ã„è¨˜äº‹ãŒå‡ºã¦ããŸã€‚ ã“ã‚Œã¯ã€Appleã®ã‚·ãƒ‹ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ãƒžãƒã‚¸ãƒ£ãƒ¼ã®Michael Loppæ°ãŒSXSWã®ãƒ‘ãƒãƒ«"Blood, Sweat, and Fear: Great Design Hurts"ã§èªžã£ãŸã‚‚ã®ã‚’BusinessWeekãŒã¾ã¨ã‚ãŸã‚‚ã®ã€‚ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã‚’ã©ã®ã‚ˆã†ã«ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆã—ã¦ã„ã‚‹ã‹ãŒåž£é–“è¦‹ã‚Œã‚‹ã€‚ ä»¥ä¸‹ã¯ã€ä¾‹ã«ã‚ˆã£ã¦B3 AnnexæŠ„è¨³ã€‚ Apple's design process by Business Week å®Œç’§ãªãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ä½œã‚‹ï¼ˆPixel Perfect Mockupsï¼‰æ‰‹é–“ã¨æ™‚é–“ã¯ã‹ã‹ã‚‹ãŒã€æ—©ã„æ®µéšŽã§ã€ã€Œå®Œç’§ãªãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€ã‚’ä½œã‚‹ã“ã¨ã§ã€ã™ã¹
webmarksjp 2008/07/14
DesignTips

ã‚¢ã‚¤ãƒ‡ã‚¢

ãƒ—ãƒã‚»ã‚¹

é–‹ç™º

PM

process

development

UI

Apple

design
ãƒªãƒ³ã‚¯
10ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ãƒ«ãƒ‘ã‚¿ãƒ¼ãƒ³ â€• ï¼ IT
ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ï¼ˆ2ï¼‰ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€ åŸºç¤Žã®10ãƒ‘ã‚¿ãƒ¼ãƒ³ ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2007/3/19 å‰å›žã®ã€Œ80å¹´ä»£ã®Appleã«å¦ã¶UIã®éƒ¨å“åŒ–ã¨ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã§ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œæ¥ã«ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æ´»ç”¨ã™ã‚‹ã“ã¨ã®æœ‰ç”¨æ€§ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã—ãŸãŒã€ä»Šå›žã‹ã‚‰ã¯ã€å®Ÿéš›ã«ã©ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã‚‹ã®ã‹ã‚’è€ƒãˆã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ç§ã¯ã“ã‚Œã¾ã§ã®é€£è¼‰ï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ãƒ’ãƒ³ãƒˆã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ï¼‰ã‚’é€šã—ã¦ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãƒ—ãƒã‚°ãƒ©ãƒ ãŒå‡ºæ¥ä¸ŠãŒã£ã¦ã—ã¾ã£ã¦ã‹ã‚‰æœ€å¾Œã«ä»˜ã‘åŠ ãˆã‚‹ã¨ã„ã†ã‚‚ã®ã§ã¯ãªãã€ã‚·ã‚¹ãƒ†ãƒ ã®åŸºæœ¬çš„ãªå“è³ªã‚’æ±ºå®šã™ã‚‹é‡è¦ãªè¦ç´ ã¨ã—ã¦è¨è¨ˆã®åˆæœŸæ®µéšŽã‹ã‚‰è€ƒãˆãªã‘ã‚Œã°ãªã‚‰ãªã„ã‚‚ã®ã§ã‚ã‚‹ã¨ä¸»å¼µã—ã¦ãã¾ã—ãŸã€‚ãªãœãªã‚‰ã€ãã®ã‚·ã‚¹ãƒ†ãƒ ãŒæä¾›ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹æ©Ÿèƒ½ã‚’ã€ç”»é¢ã®è¦‹ãŸç›®ã‚„æ“ä½œã®æµã‚Œ
webmarksjp 2008/07/14
gui

ui

usability

development

*development

*design

design
ãƒªãƒ³ã‚¯
ç¬¬36å›žã€€ç”»é¢è¨è¨ˆæ›¸ã‚’æ›¸ããŸã‚ã®æ‰‹æ³•ã¨ãƒ„ãƒ¼ãƒ«ï¼šITpro
ç”»é¢è¨è¨ˆæ›¸ã«ã¤ã„ã¦ï¼Œå‰å›žã«å¼•ãç¶šãï¼Œãã‚Œã‚’æ›¸ããƒ„ãƒ¼ãƒ«ã‚„æ‰‹æ³•ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ç”»é¢è¨è¨ˆæ›¸ã®åŸºæœ¬ ã¾ãšã¯ï¼Œç”»é¢è¨è¨ˆæ›¸ã®ä¸ã«ã‚ã‚‹ã¹ãæƒ…å ±ã‹ã‚‰è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ã“ã‚Œã‚‰ã™ã¹ã¦ãŒãã‚ã£ã¦ã„ãªã‘ã‚Œã°ãªã‚‰ãªã„ï¼Œã¨ã„ã†ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒï¼Œæœ›ã¾ã—ã„ã®ã§ã¯ãªã„ã‹ã¨ç§è‡ªèº«ã¯è€ƒãˆã¦ã„ã¾ã™ã€‚ header ãƒšãƒ¼ã‚¸IDã‚„ã‚¿ã‚¤ãƒˆãƒ«ãªã©ï¼Œä¸€ç›®ã§ãã®ãƒšãƒ¼ã‚¸ãŒã©ã®ç”»é¢ä»•æ§˜ã‚’è¨˜è¿°ã—ã¦ã„ã‚‹ã‹ãŒã‚ã‹ã‚‹ã‚ˆã†ãªã€Œãƒ˜ãƒƒãƒ€ãƒ¼ã€éƒ¨åˆ†ã€‚ç´°ã‹ãæ›¸ããªã‚‰ã°ï¼Œæ–‡å—ã‚³ãƒ¼ãƒ‰ã‚„å¯¾è±¡ãƒ–ãƒ©ã‚¦ã‚¶ã¾ã§è¨˜è¿°ã™ã‚‹å ´åˆã‚‚ã‚ã‚‹ã€‚ã¾ãŸï¼Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®åå‰ï¼ˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ»ã‚³ãƒ¼ãƒ‰ï¼‰ã‚„ç‰ˆç•ªå·ãªã©ã‚‚è¨˜ã—ï¼Œä¼¼ãŸã‚ˆã†ãªãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ä¸ã‹ã‚‰ã‚‚å¼•ãå‡ºã›ã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã€‚ footer åˆ¶ä½œã‚µã‚¤ãƒ‰ã®ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆã‚„ãƒšãƒ¼ã‚¸ç•ªå·ãªã©ã‚’è¨˜ã™ã€‚æœ€çµ‚çš„ã«ã¯ï¼Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆã«ç½®ãç›´ã—ã¦ï¼Œæœ€çµ‚ç´å“ã¨ã™ã‚‹å ´åˆã‚‚ã‚ã‚‹ã€‚ Page Layout ç”»é¢å†…ã«é…ç½®ã™ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆU
webmarksjp 2008/07/13
webåˆ¶ä½œ

é–‹ç™º

ãƒ„ãƒ¼ãƒ«

è¨è¨ˆ

design

development

ui

tool

TIPS

Tools
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ãƒœã‚¿ãƒ³CSSãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ï¼ˆRediscovering Button Elementï¼‰ - youmos
webmarksjp 2008/07/13
webãƒ‡ã‚¶ã‚¤ãƒ³

css

UI

development

ãƒ•ã‚©ãƒ¼ãƒ 57

css2

button

design

form
ãƒªãƒ³ã‚¯
OBB vs AABB - Radium Software Development
Domain for sale radiumsoftware.com Free transaction support Secure payments Spaceship reliability Listed with spaceship.com
webmarksjp 2008/07/12
usability

programming

interface

software

design

ui

web
ãƒªãƒ³ã‚¯
æ°·å±±ã®ç§˜å¯†ã€æ˜Žã‚‰ã‹ã« - The Joel on Software Translation Project
Joel Spolsky ã‚¸ãƒ§ã‚¨ãƒ«ãƒ»ã‚¹ãƒãƒ«ã‚¹ã‚ ç¿»è¨³: Yasushi Aoki é’æœ¨é– 2002/2/13 ã€Œã†ã¡ã®é–‹ç™ºãƒãƒ¼ãƒ ã®ã©ã“ãŒæ‚ªã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨CEOã¯å¿ƒã®ä¸ã§ã¤ã¶ã‚„ãã€‚ã€Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å§‹ã‚ãŸã“ã‚ã«ã¯ä½•ã‚‚ã‹ã‚‚ã†ã¾ãè¡Œã£ã¦ã„ãŸã‚“ã ã€‚æœ€åˆã®2é€±é–“ãƒãƒ¼ãƒ ã¯é¦¬è»Šé¦¬ã®ã‚ˆã†ã«åƒã„ã¦ã€ã¡ã‚ƒã‚“ã¨å‹•ããƒ—ãƒãƒˆã‚’ä½œã£ãŸã‚“ã ã€‚ã¨ã“ã‚ãŒãã®å¾Œã¯é€²ã¿å…·åˆãŒé€™ã†ã‚ˆã†ã«é…ããªã£ãŸã€‚å˜ã«é€£ä¸ãŒæ€ ã‘ã¦ã‚‹ã ã‘ã¨ã„ã†ã“ã¨ã‹ã‚‚ã—ã‚Œã‚“ã€ã€‚å½¼ã¯ã‚ãƒ£ãƒ©ã‚¦ã‚§ã‚¤è£½ã®ãƒã‚¿ãƒ³ãƒ‰ãƒ©ã‚¤ãƒã‚’é¸ã³ã€ã‚ãƒ£ãƒ‡ã‚£ã«å†·ãŸã„ãƒ¬ãƒ¢ãƒãƒ¼ãƒ‰ã‚’å–ã‚Šã«è¡Œã‹ã›ã‚‹ã€‚ã€Œ2ã€3äººé¦–ã‚’åˆ‡ã‚Œã°ã€é€£ä¸ã®å°»ã«ã‚‚ç«ãŒä»˜ãã ã‚ã†ï¼ã€ ãã®é–“ã€ã‚‚ã¡ã‚ã‚“é–‹ç™ºãƒãƒ¼ãƒ ã®æ–¹ã¯ä½•ãŒæ‚ªã„ã®ã‹å…¨ç„¶è¦‹å½“ã‚‚ä»˜ã‹ãªã„ã€‚å®Ÿéš›ä½•ã‚‚ã¾ãšã„ã“ã¨ã¯ãªã„ã®ã ã€‚å½¼ã‚‰ã¯ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«é€šã‚Šã«é€²ã‚“ã§ã„ã‚‹ã€‚ ã“ã‚“ãªã“ã¨ãŒã‚ãªãŸã®èº«ã«èµ·ã“ã‚‰ãªã„ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã ï¼ã‚ãªãŸã®äººç”Ÿã‚’ç™¾ä¸‡å€ã‚‚æ¥½ã«ã—ã¦ãã‚Œã‚‹ã€ã“ã†ã„ã†éžæŠ€è¡“ç³»ãƒžãƒã‚¸ãƒ¡ãƒ³
webmarksjp 2008/07/12
programming

ä»•äº‹

èªã¿ç‰©

development

ç¤¾ä¼š

ui

design

tips
ãƒªãƒ³ã‚¯
1