[B! UI] irasallyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

irasally id:irasally

UIã«é–¢ã™ã‚‹irasallyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

ãƒ†ã‚ã‚¹ãƒˆã‚’å¥½ããªãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã™ã‚‹Â·CufÃ³n MOONGIFT
Webã‚µã‚¤ãƒˆã§ãƒ†ã‚ã‚¹ãƒˆã‚’æŒ‡å®šã—ãŸãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã—ã‚ˆã†ã¨æ€ã£ãŸå ´åˆã€CSSã§æŒ‡å®šã™ã‚‹ã‹ç”»åƒã‚’ä½¿ã†ã‹ã®ã©ã¡ã‚‰ã‹ãŒé¸æŠžè‚¢ã«ãªã‚‹ã€‚CSSã§æŒ‡å®šã—ãŸå ´åˆã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ä¸Šã«ãƒ•ã‚©ãƒ³ãƒˆãŒã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã€ç”»åƒã§ä½œæˆã™ã‚‹å ´åˆã¯å†åˆ©ç”¨æ€§ãŒæ‚ªã„ã€‚ å¥½ããªãƒ•ã‚©ãƒ³ãƒˆã§æç”»ã™ã‚‹ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒCufÃ³nã ã€‚è‹±æ–‡ãƒ•ã‚©ãƒ³ãƒˆã«é™å®šã•ã‚Œã‚‹ã ã‚ã†ãŒã€ãƒ†ã‚ã‚¹ãƒˆã‚’å¥½ããªãƒ•ã‚©ãƒ³ãƒˆã§æãã“ã¨ãŒã§ãã‚‹ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯CufÃ³nã€Canvas + JavaScriptã«ã‚ˆã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ CufÃ³nã¯äºˆã‚ãƒ•ã‚©ãƒ³ãƒˆã‚’JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã«å¤‰æ›ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ãã®ãŸã‚ã®Webã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ãƒ¬ã‚®ãƒ¥ãƒ©ãƒ¼ã€ãƒœãƒ¼ãƒ«ãƒ‰ã€ã‚¤ã‚¿ãƒªãƒƒã‚¯ã€ãƒœãƒ¼ãƒ«ãƒ‰&ã‚¤ã‚¿ãƒªãƒƒã‚¯ãã‚Œãžã‚Œã®ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã™ã‚‹å¿…è¦ãŒã‚ã‚‹ï¼ˆãƒ¬ã‚®ãƒ¥ãƒ©ãƒ¼ãƒ•ã‚©ãƒ³ãƒˆä»¥å¤–ã¯ã‚ªãƒ—ã‚·ãƒ§ãƒ³ï¼‰ã€‚ åŠ å·¥ã‚’æ–½ã—ãŸä¾‹ ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã™ã‚‹éš›ã«ã‚°ãƒ©
irasally 2009/08/27
CufÃ³nã€Canvas + JavaScriptã«ã‚ˆã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ©ã‚¤ãƒ–ãƒ©ãƒª(è‹±å—ã®ã¿ï¼‰

UI

*webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ã€é€£è¼‰ã€‘ã‚»ã‚«ã‚¤ç³»ã‚¦ã‚§ãƒ–ãƒ„ãƒ¼ãƒ«è€ƒ (63) è¦‹ãŸç›®ãŒå¤§äº‹! Webã‚µãƒ¼ãƒ“ã‚¹ã®ã€Œã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã€è¨è¨ˆã«ä½¿ãˆã‚‹ã‚‚ã® | ãƒãƒƒãƒˆ | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã€ Webã‚µãƒ¼ãƒ“ã‚¹ã‚„Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾›ã™ã‚‹éš›ã€ãã®ã‚µãƒ¼ãƒ“ã‚¹ãŒæˆåŠŸã™ã‚‹ã‹å¦ã‹ã¯"ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹"ãŒæ¡ã£ã¦ã„ã‚‹ã€‚ã‚‚ã¡ã‚ã‚“ã‚·ã‚¹ãƒ†ãƒ é¢ã‚‚é‡è¦ã§ã¯ã‚ã‚‹ãŒã€ãã‚Œã‚’åˆ©ç”¨ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ã«ã¨ã£ã¦ã¯å†…éƒ¨çš„ãªã‚‚ã®ã‚ˆã‚Šã‚‚ã€ã¾ãšã¯è¦‹ãŸç›®ã®å°è±¡ã«å¼·ãå·¦å³ã•ã‚Œã‚‹ã€‚ æœ€è¿‘ã§ã¯CSSã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€å„ç¨®CMSå‘ã‘ã®ãƒ†ãƒ¼ãƒžé›†ã‚„ã‚¢ã‚¤ã‚³ãƒ³é›†ãªã©ã€Webã‚µã‚¤ãƒˆã‚’å½©ã‚‹è¦ç´ ã‚’æä¾›ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ãŒæ•°å¤šãã‚ã‚‹ã€‚ãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ãŸã‚Šã€è‡ªåˆ†ã®Webã‚µãƒ¼ãƒ“ã‚¹å‘ã‘ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚Šã™ã‚‹ã“ã¨ã§è¦‹æ „ãˆã¯ç›¸å½“è‰¯ããªã‚‹ã ã‚ã†ã€‚ ãã—ã¦ä»Šå›žã¯ãã®ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«é–¢ã‚ã‚‹éƒ¨åˆ†ã‚’ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§è¨è¨ˆã§ãã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢(OSS)ã‚’ã”ç´¹ä»‹ã—ãŸã„ã€‚HTMLã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã ã‘ã§ã¯é›£ã—ã„é…åŠ›çš„ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ä½œã‚Šä¸Šã’ã‚‹ã®ã«ä¾¿åˆ©ãªæƒ…å ±ãŒãã‚ã£ã¦ã„ã‚‹ã¯ãšã ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹OSSãƒ»Web
irasally 2009/03/13
*webã‚µãƒ¼ãƒ“ã‚¹

*webåˆ¶ä½œ

UI
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨è¨ˆã™ã‚‹ãŸã‚ã®ãƒªã‚½ãƒ¼ã‚¹é›† -UI Pattern Factory | ã‚³ãƒªã‚¹
UI Pattern Factoryã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«å½¹ç«‹ã¤ãƒªã‚½ãƒ¼ã‚¹ã‚’ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã—ãŸã‚µã‚¤ãƒˆã§ã™ã€‚ UI Pattern Factory è©³ç´°ãªè§£èª¬ãŒã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯æ•°å¤šãã‚ã‚Šã¾ã›ã‚“ãŒã€ãã®UIã«ã¤ã„ã¦ã€ã©ã®ã‚ˆã†ãªæ€§è³ªã§ã€ä½•ãŒå¿…è¦ã§ã€æ³¨æ„ã™ã‚‹ç‚¹ã‚’æŒ™ã’ã€ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ã®ãŒãƒ™ã‚¹ãƒˆã§ã‚ã‚‹ã‹ã€ã¨ã„ã†ã“ã¨ã‚’è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€åŒã‚µã‚¤ãƒˆã®flickrã§ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚„ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚«ãƒ¼ãƒˆã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ãŸãã•ã‚“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®å‚è€ƒã«ãªã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒã‚¯ãƒªãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã€‚
irasally 2008/08/06
*webãƒ‡ã‚¶ã‚¤ãƒ³

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.
irasally 2008/01/31
*webãƒ‡ã‚¶ã‚¤ãƒ³

*ã¾ã¨ã‚

UI
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆé›†
MICROKIDã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ11ã®å‰å¤§ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒªã‚½ãƒ¼ã‚¹ã€ã§ç´¹ä»‹ã—ã¦ã„ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆã®ãƒªãƒ³ã‚¯é›†ã§ã™ã€‚ 11 Great User Interface Design Resources ãƒ‘ã‚¿ãƒ¼ãƒ³ ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
irasally 2007/12/31
*webãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

UIã«é–¢ã™ã‚‹irasallyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

UIã«é–¢ã™ã‚‹irasallyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ãƒ†ã‚­ã‚¹ãƒˆã‚’å¥½ããªãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã™ã‚‹Â·CufÃ³n MOONGIFT

ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨­è¨ˆã™ã‚‹ãŸã‚ã®ãƒªã‚½ãƒ¼ã‚¹é›† -UI Pattern Factory | ã‚³ãƒªã‚¹

UI-patterns.com

ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆé›†

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

UIã«é–¢ã™ã‚‹irasallyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ãƒ†ã‚ã‚¹ãƒˆã‚’å¥½ããªãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã™ã‚‹Â·CufÃ³n MOONGIFT

ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨è¨ˆã™ã‚‹ãŸã‚ã®ãƒªã‚½ãƒ¼ã‚¹é›† -UI Pattern Factory | ã‚³ãƒªã‚¹

ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆé›†

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹