[B! design][ui] studio-no9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

studio-no9 id:studio-no9

designã¨uiã«é–¢ã™ã‚‹studio-no9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{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ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’ã‚„ã‚ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚ã†ï¼ˆå¾Œç·¨ï¼‰ | Goodpatch Blog
UIãƒ‡ã‚¶ã‚¤ãƒ³ã®æ–°ã—ã„ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’ä½œã‚‹ãŸã‚ã«é•·è°·å·æä¹…ã•ã‚“ã¨ã®å…±åŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦ã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸâ€œPatch Projectâ€ã€‚å°Žå…¥éƒ¨åˆ†ã¨ã—ã¦é•·è°·å·ã•ã‚“ã«ãŠè©±é ‚ã„ãŸãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®ææ¡ˆã«ã¤ã„ã¦ã€Œã“ã‚Œã‹ã‚‰ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’ã‚„ã‚ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚ã†ï¼ˆå‰ç·¨ï¼‰ã€ã¨ã—ã¦è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚å¾Œç·¨ã¨ãªã‚‹ä»Šå›žã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ã‚‹ã¹ãé›°å›²æ°—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¾ãŸå…·ä½“çš„ãªãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«ã¤ã„ã¦ã®è©±ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ã€‚ ãƒ«ãƒƒã‚¯ï¼†ãƒ•ã‚£ãƒ¼ãƒ«ã‚’è€ƒãˆã‚‹ photo credit: Crossett Library Bennington College via photopin cc ã§ã¯HTMLãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã£ã¦ã„ã‚‹é–“ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ã‚‹ã¹ãã“ã¨ã¯ä½•ãªã®ã‹ã€‚ãã‚Œã¯é›°å›²æ°—ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä»¥å¤–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€è‰²ã‚„ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€å†™çœŸã‚„å‹•ç”»ã«ã¤ã„ã¦è€ƒãˆã¦ã„ãã®ã§ã™ã€‚ å…·ä½“çš„ã«è¨€ã†ã¨ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ä½œã‚‹ã“
studio-no9 2013/05/07
å…±æ„Ÿã™ã‚‹ã¨ã“ãŒå¤šã„

know-how

ãŸã¾ã«èªã¿è¿”ã™

UI

design
ãƒªãƒ³ã‚¯
è§’ä¸¸ã‚„çŸ©å½¢ã ã‘ã§ã¯ãªã„ã€ã‚¿ãƒ–åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† | ã‚³ãƒªã‚¹
Dr. Web Weblogã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€è§’ä¸¸ã‚„çŸ©å½¢ã§ã¯ãªã„ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¿ãƒ–åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 10 Reiternavigationen: schief, krumm, zerrissen
studio-no9 2009/06/24
ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

design

gallery

idea

sample

navigation

UI

webdesign
ãƒªãƒ³ã‚¯
é›£æ˜“åº¦ã‚’è¡¨ã™ã‚¢ã‚¤ã‚³ãƒ³ - SIMPLE*SIMPLE ï½ž ã‚¦ã‚§ãƒ–è·äººã®ãŸã‚ã®å°ç²‹ãªãƒã‚¿å¸³ ï½ž
ã“ã‚Œã¯ã¡ã‚‡ã£ã¨ãã£ã¨ããŸã€‚ é›£æ˜“åº¦ã‚’ç¤ºã™ã‚¢ã‚¤ã‚³ãƒ³ã¨ã„ãˆã°â˜†å°ãªã©ãŒæœ‰åã§ã™ãŒã€ã“ã‚Œã¯ã„ã„ã§ã™ãã€‚ â†‘ ãƒãƒŠãƒŠã‚‚ã¡ã‚‡ã£ã¨ã„ã„ãªã€‚ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒã„ã‚ã„ã‚ã‚ã‚‹Webmonkeyã‚ˆã‚Šã€‚ã¾ãã€Webã€ŒMonkeyã€ã ã‹ã‚‰ã“ã†ã„ã†ã‚¢ã‚¤ã‚³ãƒ³ãªã®ã‹ãªã€‚å®Ÿä¾‹ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Â» Get Started With Django â€“ Webmonkey
studio-no9 2008/10/25
idea

design

UI
ãƒªãƒ³ã‚¯
Interaction Design Pattern Library - Welie.com
Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating aroundÂ·Â Accordion Â·Â Headerless Menu Â·Â Breadcrumbs Â·Â Directory Navigation Â·Â Doormat Navigation Â·Â Double Tab Navigation Â·Â Faceted Navigation Â·Â Fly-out Menu Â·Â Home Link Â·Â Icon Menu Â·Â Main Navigation Â·Â Map Navigator Â·
studio-no9 2008/02/03
ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«é›†

library

ajax

design

web design

sample

css

usability

UI

ã¾ãšç¢ºèª
ãƒªãƒ³ã‚¯
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
studio-no9 2008/01/14
UIæ§‹ç¯‰ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«é›†ã€‚

design

ui

development

library

sample

UI

ã¾ãšç¢ºèª
ãƒªãƒ³ã‚¯
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design probl ems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
studio-no9 2008/01/14
UIæ§‹ç¯‰ã«ãªã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚µãƒ³ãƒ—ãƒ«ç´¹ä»‹ãƒšãƒ¼ã‚¸

sample

design

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

ãŸã¾ã«èªã¿è¿”ã™

design

development

ui

usability

IA
ãƒªãƒ³ã‚¯
Error 404 - SIMPLE*SIMPLE ï½ž ã‚¦ã‚§ãƒ–è·äººã®ãŸã‚ã®å°ç²‹ãªãƒã‚¿å¸³ ï½ž
å°è±¡ã«æ®‹ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ March 8, 2007 10:02 PM written by Gen Taguchi è‰¯ã„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯å°è±¡ã«æ®‹ã‚Šã¾ã™ã‚ˆãã€‚ ã¨ã„ã†ã“ã¨ã§ä»Šæ—¥ã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç³»ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¾ã¨ã¾ãŸäººã®è¨˜äº‹ã‚’ã”ç´¹ä»‹ã€‚ Â» 8 web menus you just can't miss å…¨éƒ¨ã§8ã¤ã‚ã‚Šã¾ã™ãã€‚å€‹äººçš„ã«æ°—ã«å…¥ã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€‚ â†‘ ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã€‚ â†‘ ã¡ã‚‡ã£ã¨B-BOYé¢¨ï¼ˆè¬Žï¼‰ã€‚ â†‘ ã‚¦ãƒ«ãƒˆãƒ©ã‚·ãƒ³ãƒ—ãƒ«ã€‚æ‚ªããªã„ã§ã™ããƒ»ãƒ»ãƒ»ã€‚ â†‘ Mac OSé¢¨ã€‚ â†‘ diggã£ã½ã„ï¼Ÿ ä»¥ä¸Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã“ã®ã‚µã‚¤ãƒˆã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚ã§ãã¾ã™ã‚ˆï¼ˆ.rarå½¢å¼ãªã‚“ã§ã¡ã‚‡ã£ã¨ãƒžãƒ‹ã‚¢ãƒƒã‚¯ã§ã™ãŒãƒ»ãƒ»ï¼‰ã€‚ã‚ˆã‚ã—ã‘ã‚Œã°ã©ã†ãžã€‚ Â» 8 web menus you just can't miss Info: ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ | å›ºå®šãƒªãƒ³ã‚¯ | ã‚³ãƒ¡ãƒ³ãƒˆ (0) | ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒ
studio-no9 2007/03/17
design

ui

webdesign

sample
ãƒªãƒ³ã‚¯
ãªã¤ã¿ã‹ã‚“ï¼ ã¯ã¦ãª - ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£é–¢é€£è¨˜äº‹ ã¾ã¨ã‚
studio-no9 2007/03/15
ãŸã¾ã«èªã¿è¿”ã™

ã¾ãšç¢ºèª

design

usability

ui

webdesign
ãƒªãƒ³ã‚¯
AJAXã§ã‚„ã£ã¦ã—ã¾ã†é–“é•ã„:Geekãªãºãƒ¼ã˜
ã€ŒAjax Mistakesã€ã¨ã„ã†é¢ç™½ã„è¨˜äº‹ãŒã‚ã‚Šã¾ã—ãŸã€‚ AJAXã‚’ä½¿ã£ã¦Webã‚¢ãƒ—ãƒªã‚’ä½œã‚‹æ™‚ã«é™¥ã‚ŠãŒã¡ãªé–“é•ã„ã‚’åˆ—æŒ™ã—ã¦ã„ã¾ã—ãŸã€‚ ä»¥ä¸‹ã€è¦ç´„ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‹ãªã‚Šå‰Šã£ã¦ã„ã‚‹ã®ã§ã€è©³ç´°ã¯åŽŸæ–‡ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ AJAXã‚’ä½¿ã†ãŸã‚ã«AJAXã‚’ä½¿ã† AJAXã¯ã‚«ãƒƒã‚³ã‚¤ã‚¤æŠ€è¡“ã§ã™ã€‚ ã—ã‹ã—ã€AJAXã¯ãƒ„ãƒ¼ãƒ«ã§ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã€‚ AJAXã¯ã‚ªãƒ¢ãƒãƒ£ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ å®Ÿé¨“çš„ã«AJAXã‚’ä½¿ã†ãŸã‚ã«ã€ä¸å¿…è¦ãªã¨ã“ã‚ã«AJAXã‚’ç„¡ç†çŸ¢ç†ä½¿ã£ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã§ã™ã€‚ æˆ»ã‚‹ãƒœã‚¿ãƒ³ã®å‹•ä½œã‚’å¦¨ã’ã‚‹ æˆ»ã‚‹ãƒœã‚¿ãƒ³ã¯Webã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã§é‡è¦ãªå½¹å‰²ã‚’æžœãŸã—ã¦ã„ã¾ã™ãŒã€JavaScriptã¨ã®ç›¸æ€§ã¯è‰¯ãã‚ã‚Šã¾ã›ã‚“ã€‚ æˆ»ã‚‹ãƒœã‚¿ãƒ³ã®æ©Ÿèƒ½ã‚’ç¶æŒã§ããªã„å ´åˆãŒã‚ã‚‹ã“ã¨ã¯ã€JavaScriptã®ã¿ã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã‚’ãŠå‹§ã‚ã—ãªã„ç†ç”±ã®ä¸€ã¤ã§ã™ã€‚ ãŸã ã€ä½¿ã„å‹æ‰‹ã®è‰¯ã„ã‚µã‚¤ãƒˆã¨ã„ã†ã‚‚ã®ã¯ã€ãã‚‚ãã‚‚æˆ»ã‚‹ãƒœã‚¿ãƒ³ã«ä¾å˜ã—ãªãã¦ã‚‚ãƒ¦ãƒ¼ã‚¶ãŒ
studio-no9 2007/03/15
column

ajax

design

development

javascript

programming

usability

ui

ãŸã¾ã«èªã¿è¿”ã™
ãƒªãƒ³ã‚¯
Windows ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã® GUI ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆãƒ€ã‚¤ã‚¢ãƒã‚°è¨è¨ˆãªã©ï¼‰ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ å‚è€ƒã«ãªã‚Šãã†ãªãƒšãƒ¼ã‚¸ã‚’æ•™ãˆã¦ãã ã•ã„ã€‚â€¦
Windows ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã® GUI ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆãƒ€ã‚¤ã‚¢ãƒã‚°è¨è¨ˆãªã©ï¼‰ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ å‚è€ƒã«ãªã‚Šãã†ãªãƒšãƒ¼ã‚¸ã‚’æ•™ãˆã¦ãã ã•ã„ã€‚ ï¼œå‚è€ƒæƒ…å ±ï¼ž â– ãƒ€ãƒ¡ãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ã‚¤ã‚¹è¬›åº§ http://www.geocities.co.jp/SiliconValley-Oakland/8192/ â– ä½¿ãˆã‚‹ GUI ãƒ‡ã‚¶ã‚¤ãƒ³ http://www.emptypage.jp/translations/benroe/gui.html
studio-no9 2006/09/21
UI

design
ãƒªãƒ³ã‚¯
Japanese - The Joel on Software Translation Project
[edit] ã‚«ãƒªãƒ•ã‚©ãƒ«ãƒ‹ã‚¢ 2007å¹´10æœˆ5æ—¥ [edit] FogBugz On Demand 2007å¹´7æœˆ9æ—¥ [edit] ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆã®æœ¬ 2007å¹´6æœˆ29æ—¥ [edit] è¨˜æ†¶ã«æ®‹ã‚‹ã‚ˆã†ãªã‚«ã‚¹ã‚¿ãƒžã‚µãƒ¼ãƒ“ã‚¹ã¸ã®7ã‚¹ãƒ†ãƒƒãƒ— 2007å¹´2æœˆ19æ—¥ [edit] ãƒ•ã‚¡ã‚¦ãƒ³ãƒ€ãƒ¼ã‚º ã‚¢ãƒƒãƒˆ ãƒ¯ãƒ¼ã‚¯ 2007å¹´1æœˆ30æ—¥ [edit] Copilot 2.0ãƒªãƒªãƒ¼ã‚¹! 2007å¹´1æœˆ26æ—¥ [edit] ãƒ“ãƒƒã‚°ãƒ”ã‚¯ãƒãƒ£ãƒ¼ 2007å¹´1æœˆ21æ—¥ [edit] æ–°å¹´ã®æŠ±è² : ã‚‚ã£ã¨ã„ã„ä»•äº‹ã«ã¤ãã“ã¨! 2006å¹´12æœˆ20æ—¥ [edit] 50ä¸‡ä»¶ã®ãƒã‚°! 2006å¹´12æœˆ20æ—¥ [edit] æ–°ä½œ! 2006å¹´12æœˆ18æ—¥ [edit] ã‚¨ãƒ¬ã‚¬ãƒ³ã‚¹ 2006å¹´12æœˆ15æ—¥ äººã€…ãŒã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’ã„ã˜ã‚‹ã®ã¯ã€å¤šãã®å ´åˆã€ãã‚Œã§éŠã³ãŸãã¦ãã†ã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„ã€‚å½¼ã‚‰ãŒã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’ä½¿ã†ã®
studio-no9 2006/09/21
design

UI

ãŸã¾ã«èªã¿è¿”ã™

IA

inspire
ãƒªãƒ³ã‚¯
ãƒ‹ãƒƒãƒæ¤œç´¢ (Unthirsty.com) | 100SHIKI
å‘‘ã¿å±‹ã«ã¯ã€Œãƒãƒƒãƒ”ãƒ¼ã‚¢ãƒ¯ãƒ¼ã€ãªã‚‹æ…£ç¿’ãŒã‚ã‚‹ã€‚ã¡ã‚‡ã£ã¨æ—©ã„æ™‚é–“ã«è¡Œã‘ã°ã„ã¤ã‚‚ã‚ˆã‚Šå®‰ããªã‚‹ã€ã¨ã„ã†ä¾‹ã®ã‚ã‚Œã ã€‚ ã“ã†ã—ãŸæƒ…å ±ã¯çŸ¥ã£ã¦ã„ã‚Œã°ãªã‹ãªã‹ä¾¿åˆ©ã ãŒã€æ™®æ®µè¡Œã‹ãªã„æ™‚é–“ã ã‘ã«ã„ã¤ã§ã‚‚ãƒãƒƒãƒ”ãƒ¼ã‚¢ãƒ¯ãƒ¼ã«ã‚ã‚Šã¤ã‘ã‚‹ã‚ã‘ã§ã¯ãªã„ã€‚ ãã“ã§ç™»å ´ã—ãŸã®ãŒUnthirstyã§ã‚ã‚‹ã€‚ã“ã®ã‚µã‚¤ãƒˆã€ãƒãƒƒãƒ”ãƒ¼ã‚¢ãƒ¯ãƒ¼ã«ç‰¹åŒ–ã—ãŸå‘‘ã¿å±‹æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã§ã‚ã‚‹ã€‚ ã€Œä»Šã“ã®æ™‚é–“ã«ãƒãƒƒãƒ”ãƒ¼ã‚¢ãƒ¯ãƒ¼ãŒã‚ã‚‹ã¨ã“ã‚ã€ã¨ã„ã£ãŸæ¤œç´¢ã®ä»•æ–¹ãŒå¯èƒ½ã§ã€ã“ã‚Œãªã‚‰ã„ã¤ã‚‚ã‚ˆã‚ŠãŠå¾—ãªæ°—åˆ†ã§é…”ã†ã“ã¨ãŒã§ããã†ã ã€‚ ä¾¿åˆ©ãªæ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã«ã¯ã¾ã ã¾ã ãƒ‹ãƒƒãƒãªå¸‚å ´ãŒã‚ã‚Šãã†ã§ã™ãã€‚
studio-no9 2006/08/21
åœ°å›³ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹

googlemaps

100shiki

UI

design
ãƒªãƒ³ã‚¯
LukeW | AJAX Interface Design
AJAX Interface Design by Luke Wroblewski May 14, 2005 When any new techno logy undergoes fast and widespread adoption, thereâ€™s always an opportunity for unintended misuse. So itâ€™s no surprise that the World Wide Web has seen its fair share of mishandled techno logies: Download-heavy Java applets for simple page navigation Flash movies for superfluous intro animations Frames that disable simple book-
studio-no9 2006/08/18
Ajaxã‚’åˆ©ç”¨ã™ã‚‹ã¨ãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹è«–

design

UI

ajax
ãƒªãƒ³ã‚¯
å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä¸€åº¦ã«1æœ¬ã—ã‹ã‚¸ãƒ¥ãƒ¼ã‚¹ã‚’è²·ã‚ãªã„ â€• ï¼ IT
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ãƒ’ãƒ³ãƒˆï¼ˆ1ï¼‰ å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ ä¸€åº¦ã«1æœ¬ã—ã‹ã‚¸ãƒ¥ãƒ¼ã‚¹ã‚’è²·ã‚ãªã„ ã€Œè‡ªå‹•è²©å£²æ©Ÿã§ã®ä¸è¦ãªå‹•ä½œã‹ã‚‰è€ƒãˆã‚‹ã€ ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€€ä¸Šé‡Ž å¦ 2006/6/2 Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ã•ã¾ã–ã¾ãªTipsé›†ã€‚è‡ªå‹•è²©å£²æ©Ÿã§ã‚¸ãƒ¥ãƒ¼ã‚¹ã‚’è²·ã†ã¨ãã®ä¸è¦ãªå‹•ä½œã‹ã‚‰è€ƒãˆã‚‹ã€‚ï¼ˆç·¨é›†éƒ¨ï¼‰ ä»Šå›žã‹ã‚‰ã¯Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ç¶šç·¨ã®ã€ŒTipsç·¨ã€ã¨ã—ã¦ã€ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã†ãˆã§å½¹ç«‹ã¤ã•ã¾ã–ã¾ãªãƒ’ãƒ³ãƒˆã‚’ã€å°‘ã—ç´°ã‹ãªè¦–ç‚¹ã‹ã‚‰å…·ä½“çš„ã«è¦‹ã¦ã„ãã¾ã™ã€‚ è¤‡é›‘ãªæ§‹æˆç‰©ã‚’ä½œã‚Šä¸Šã’ã‚‹ã«ã¯ã€åŸºæœ¬ã¨ãªã‚‹ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚„ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨ã„ã£ãŸæŠ½è±¡åº¦ã®é«˜ã„éƒ¨åˆ†ã‹ã‚‰è€ƒãˆã¦ã„ããƒˆãƒƒãƒ—ãƒ€ã‚¦ãƒ³å¼ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¨ã€æ§‹æˆè¦ç´ ã®ç´°éƒ¨ã‹ã‚‰è€ƒãˆã¦ã„ããƒœãƒˆãƒ ã‚¢ãƒƒãƒ—å¼ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã®ä¸¡æ–¹ãŒå¿…è¦ã«ãªã‚Šã¾ã™ãŒã€å‰å›žã¾ã§ã®çµŒé¨“å‰‡ç·¨ã¯ã©ã¡ã‚‰ã‹ã¨ã„ãˆã°ãƒˆãƒƒãƒ—ãƒ€
studio-no9 2006/06/19
design

UI

IA

usability
ãƒªãƒ³ã‚¯
Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªmoo.fxã‚’ä½¿ã£ãŸã‚¯ãƒ¼ãƒ«ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹é›†:phpspoté–‹ç™ºæ—¥èªŒ
NYOKIGLITTER - Tab Styled Accordion accordion flavors Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªmoo.fxã‚’ä½¿ã£ãŸã‚¯ãƒ¼ãƒ«ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹é›†ã€‚ ã‚°ãƒªã‚°ãƒªé¢ç™½ã„å‹•ãã‚’ã™ã‚‹ã®ã§ã€ã‚µã‚¤ãƒˆã®éƒ¨å“ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã‚¯ãƒ¼ãƒ«ãªã‚µã‚¤ãƒˆãŒä½œã‚Œãã†ã€‚ ãã®ï¼‘ ãã®ï¼’ ãã®ï¼“ CSSãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰ãˆã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚ç°¡å˜ã§ã™ã€‚
studio-no9 2006/06/04
ajax

UI

design

moo.fx
ãƒªãƒ³ã‚¯
Yahoo!ãŒæä¾›ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒª:phpspoté–‹ç™ºæ—¥èªŒ
Yahoo! UI Library: Grids CSS Grids CSS is a suite of seven web page templates and the ability to nest grids of one to four columns within the content area of those templates. Yahoo!ãŒæä¾›ã™ã‚‹Yahoo! UI Libraryã€‚ Javascriptã ã‘ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã ã¨æ€ã£ã¦ã„ãŸã‚‰æœ€è¿‘ã«ãªã£ã¦CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚å«ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸ã®è¤‡é›‘ãªã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæ¯”è¼ƒçš„å®¹æ˜“ã«ä½œã‚Œã¾ã™ã€‚ æ›´ã«ã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ä½œã£ãŸãƒšãƒ¼ã‚¸ã¯å¤§ä½“ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã„ã†ã®ã§å‹•ä½œç¢ºèªã®æ‰‹é–“ã‚‚çœã‘ãã†ã§ã™ã€‚ åŸºæœ¬ã®HTMLã‚’æ›¸ã„ã¦ãŠã‘ã°ã€classã®å¤‰æ›´ã§ç°¡å˜ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¤‰æ›´ãŒå¯èƒ½ãªå½¢ã«
studio-no9 2006/05/15
css

yahoo!

UI

design
ãƒªãƒ³ã‚¯
1