[B! interface] zozoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

zozo id:zozo

interfaceã«é–¢ã™ã‚‹zozoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

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

ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ï¼šUIãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã‚’ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ãŒèªžã‚‹ - builder by ZDNet Japan
ã‚·ãƒ¼ãƒãƒƒãƒˆãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¹ã‚¸ãƒ£ãƒ‘ãƒ³ã¯9æœˆ29æ—¥ã€builderã¨ã—ã¦ã¯2å›žç›®ã®ã‚¤ãƒ™ãƒ³ãƒˆã¨ãªã‚‹ã€Œbuilder tech dayã€ã‚’é–‹å‚¬ã—ãŸã€‚ä»Šå›žã¯ã€ŒUser Interface & beyondã€ã‚’ãƒ†ãƒ¼ãƒžã«ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€ã‚¢ãƒ‰ãƒ“ã‚·ã‚¹ãƒ†ãƒ ã‚ºã€ã‚«ãƒ¼ãƒ«ã®ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ãŒç™»å£‡ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ç¾åœ¨ã¨æœªæ¥ã«ã¤ã„ã¦è¬›æ¼”ã—ãŸã€‚ æœ¬ç¨¿ã§ã¯ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢å–ç· å½¹ã§ã‚ã‚‹ä¸Šé‡Žå¦æ°ã®åŸºèª¿è¬›æ¼”ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ã€ã‚’ç´¹ä»‹ã—ã‚ˆã†ã€‚ ãƒˆã‚¤ãƒ¬ã«ã²ãã‚€UIã®ãƒ’ãƒ³ãƒˆ è¬›æ¼”ã®å†’é ã€ä¸Šé‡Žæ°ã¯ç±³å›½ã®è‘—åãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ãƒ»ãƒ•ã‚¡ãƒ¼ãƒ ã€Adaptive Pathã«2008å¹´ã¾ã§åœ¨ç±ã—ã¦ã„ãŸDan Safferæ°ã¨å¯¾è©±ã—ãŸéš›ã®ã‚¨ãƒ”ã‚½ãƒ¼ãƒ‰ã‚’æŠ«éœ²ã€‚ Safferæ°ãŒã€Œãƒˆã‚¤ãƒ¬ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ§˜ã€…ãªãƒ’ãƒ³ãƒˆãŒã‚ã‚‹ã€ã¨è©±ã—ã¦ã„ãŸã“ã¨ã‚’ç´¹ä»‹ã—ã€ä¸‹ã®ç”»åƒã‚’ç¤ºã—ãŸã€‚ ä¸Šé‡Žæ°ã¯èµ¤è‰²ã®æ³¨æ„æ›¸
zozo 2011/05/04
*ã‚ã¨ã§èªã‚€

interface

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ããšã®ãƒ‡ã‚¶ã‚¤ãƒ³é›†ã¨æ¦‚è¦ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆ
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ãƒ‘ãƒ³ããšã®ãƒ‡ã‚¶ã‚¤ãƒ³é›†ã¨ãƒ‘ãƒ³ããšã®ç”±æ¥ã‚„æ¦‚è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–åŸºæº–ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
zozo 2010/08/18
*webãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

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

*ã‚ã¨ã§èªã‚€

interface
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã§ä½¿ãˆã‚‹jQuery25 â€“ creamu
ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§jQueryã‚’ä½¿ã„ãŸã„ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž25 jQuery Tutorials for Creating and Working with Formsã€ã€‚ãƒ•ã‚©ãƒ¼ãƒ ã§ä½¿ãˆã‚‹jQueryé›†ã§ã™ã€‚ ã‹ã£ã“ã„ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ãã€‚ã„ãã¤ã‹ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Creating a Slide-in jQuery Contact Form ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¤ãƒ³ã—ã¦ç¾ã‚Œã‚‹ã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ•ã‚©ãƒ¼ãƒ Build an Incredible Login Form with jQuery ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãã„ã‚“ã¨å‹¢ã„ã‚ˆãç¾ã‚Œã‚‹ãƒ•ã‚©ãƒ¼ãƒ Using Form Labels as Text Field Values ãƒ©ãƒ™ãƒ«ã‚¿ã‚°ã®å†…å®¹ã‚’ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å€¤ã«ã—ã¦é€ã‹ã—ãƒ†ã‚ã‚¹ãƒˆã«ã—ãŸãƒ•ã‚©ãƒ¼ãƒ Create a Progress Bar with JavaScript ãƒ•ã‚©ãƒ¼ãƒ ã®é€²æ—çŠ¶æ³ã‚’ãƒ—
zozo 2010/02/23
jquery

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

interface
ãƒªãƒ³ã‚¯
http://www.dmitri.me/misc/notify/
zozo 2010/01/08
twitterã½ã„ã‹ã‚“ã˜

jquery

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

interface
ãƒªãƒ³ã‚¯
ä½¿ã„æ˜“ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã¯ä½•ã‹ã‚’å‹‰å¼·ã—ã¦ã„ã¾ã™ã€‚ãã“ã§ã€è³ªå•ã§ã™ã€‚ä½¿ã„æ˜“ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æŒã£ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’æ•™ãˆã¦ãã ã•.. - äººåŠ›æ¤œç´¢ã¯ã¦ãª
ä½¿ã„æ˜“ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã¯ä½•ã‹ã‚’å‹‰å¼·ã—ã¦ã„ã¾ã™ã€‚ ãã“ã§ã€è³ªå•ã§ã™ã€‚ - ä½¿ã„æ˜“ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æŒã£ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’æ•™ãˆã¦ãã ã•ã„ - ã¾ãŸã€ãã‚ŒãŒä½¿ã„æ˜“ã„ã¨æ„Ÿã˜ãŸç†ç”±ã‚’æ•™ãˆã¦ãã ã•ã„ æ¡ä»¶ã¯ä»¥ä¸‹ã€ - ä¸€èˆ¬çš„ãªãƒ‘ã‚½ã‚³ãƒ³ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€ãƒžã‚¦ã‚¹ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§è§¦ã‚Œã‚‹ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ - ã‚ãªãŸãŒå®Ÿéš›ã«ä½“é¨“ã—ãŸã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
zozo 2009/03/27
*webãƒ‡ã‚¶ã‚¤ãƒ³

interface

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2009/03/form-design-2.html
zozo 2009/03/26
*webãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

interface
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ã¾ã¨ã‚ : could
UI UXã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ã¾ã¨ã‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€å®Ÿéš›åŒã˜ã‚ˆã†ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã‚‹ã¨ãã ã‘ã§ãªãã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹éš›ã«ã‚‚å½¹ç«‹ã¤è²´é‡ãªè³‡æ–™ã§ã™ã€‚ä»Šã¾ã§å€‹åˆ¥ã§ç´¹ä»‹ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ä¸€æŒ™ã«ã¾ã¨ã‚ã¦ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ Introduction to Apple Human Interface Guidelines å€‹äººçš„ã« UI ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã„ãˆã°ã“ã‚Œã€‚æ—¥æœ¬èªžè¨³ã‚‚å¤§å¤‰ä¾¿åˆ©ã§ã™ Apple User Experience Guides ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºå‘ã‘ã§ã™ãŒã€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã‚ãŸã‚Šã¯å‚è€ƒã«ãªã‚Šã¾ã™ iPhones Human Interface Guidelines ä¼šå“¡ç™»éŒ²ã™ã‚‹ã¨è¦‹ã‚Œã‚‹ PDF è³‡æ–™ã§ã™ãŒã€ä¸Šè¨˜ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¦³è¦§ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ Windows User Experience Interaction G
zozo 2009/01/25
interface

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
zozo 2009/01/25
*webãƒ‡ã‚¶ã‚¤ãƒ³

interface

*webä¼ç”»é‹å–¶
ãƒªãƒ³ã‚¯
Styled Css Menus - High Quality Web Based Professional Css Menus: allmenus
Saturday, December 13, 2008 Oplaz Css Menu Oplaz css menu with simple effect for hover and current menu it em, this css menu width is fixed to 700px, while increasing menu it em you can decrease padding and margin between menu it ems. This menu can be used on white background with light and semi-dark supporting colors. You can download menus source code with images for free. Demo Menus has been teste
zozo 2008/12/15
*webãƒ‡ã‚¶ã‚¤ãƒ³

interface
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ãŒç‹¬è‡ªã«æä¾›ã™ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³é›†ã€‚ã“ã‚Œã‚’ä½¿ãˆã°UIè¨è¨ˆã‚’åŠ¹çŽ‡åŒ–ã§ãã¾ã™ã€‚
zozo 2008/12/10
interface

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ãƒ•ãƒªãƒ¼ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é›† -Styled Menu
Styled Menuã‹ã‚‰ã€IE6/7, Firefox, Opera, Safari, Chromeã«å¯¾å¿œã—ãŸã€ãƒ•ãƒªãƒ¼ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Styled Menu ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãƒ©ãƒ™ãƒ«ã‚’æ—¥æœ¬èªžã«å¤‰æ›´ã™ã‚‹ãªã©ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚å¯èƒ½ã§ã™ã€‚
zozo 2008/12/10
ä»Šå›žã®ä¾é ¼ã«ã‚‚å½¹ã«ç«‹ã¡ãã†ã€‚

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

interface
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãªã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³36é¸ â€“ creamu
ã‹ã£ã“ã„ã„ã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚ŠãŸã„ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€ŽInterface Design Inspiration â€“ 36 Clean Comment Form designsã€ã€‚ã‚¯ãƒ¼ãƒ«ãªã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³36é¸ã ã€‚ ä»¥ä¸‹ã«ã„ãã¤ã‹ã”ç´¹ä»‹ã€‚ ãã®ä»–ã®ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Â» Interface Design Inspiration â€“ 36 Clean Comment Form designs ã‚¯ãƒ¼ãƒ«ãªã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã ã‚ã†ã‹ã€‚ ä»Šæ—¥ã‚‚ã„ã„å¤©æ°—ã§ã™ããƒ¼ãŒã‚“ã°ã‚Šã¾ã—ã‚‡ã€œã€œã€‚
zozo 2008/12/09
*webãƒ‡ã‚¶ã‚¤ãƒ³

interface
ãƒªãƒ³ã‚¯
ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ»ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚ãƒ³ã‚° ã‚µãƒ¼ãƒ“ã‚¹ [mixi(ãƒŸã‚¯ã‚·ã‚£)]
ã“ã®URLã®ãƒšãƒ¼ã‚¸ã¯å˜åœ¨ã—ã¾ã›ã‚“ã€‚ ã‚¢ãƒ‰ãƒ¬ã‚¹ãŒé–“é•ã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã”ã–ã„ã¾ã™ã€‚ã„ã¾ä¸€åº¦ã€ãƒšãƒ¼ã‚¸ã®URLã‚’ã”ç¢ºèªãã ã•ã„ã€‚
zozo 2008/06/24
ã“ã†ã„ã†ã®ã ã¨ã¤ã„è¦‹ã¡ã‚ƒã†ã‹ã‚‚ã€‚

*webãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

interface
ãƒªãƒ³ã‚¯
Welie.com - Patterns in Interaction Design
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It
zozo 2007/11/12
*webãƒ‡ã‚¶ã‚¤ãƒ³

parts

interface

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1