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

ponnao id:ponnao

UIã¨webã«é–¢ã™ã‚‹ponnaoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{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ã¨ã„ã†ã‚‚ã® - ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼(Hatena)
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ ä»Šæ—¥ã¯ã¡ã‚‡ã£ã¨UIã«ã¤ã„ã¦æ€ã†ã“ã¨ã®ãŠè©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¼ãã¯ä»¥å‰ã€ã‚²ãƒ¼ãƒ æ¥ç•Œã«ã„ãŸã‚“ã ã‘ã©ã€ãã“ã§ã¯ã€ ã„ã‚ã‚†ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å°‚é–€ã«ã—ã¦ã„ã‚‹äººã« ã€Œã“ã®ç”»é¢ã®UIãŠããŒã„ãã€ã¨ä¸¸æŠ•ã’ã™ã‚‹å…‰æ™¯ã‚’ã‚ˆãè¦‹ã¾ã—ãŸã€‚ ã ã‘ã©ã€è¦‹ãŸç›®ãŒç¶ºéº—ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä»•ä¸Šã’ã‚‹ã®ã¨ ä½¿ã„å‹æ‰‹ã‚’è€ƒæ…®ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨è¨ˆã™ã‚‹ã®ã¨ã§ã¯ã€ è€ƒãˆæ–¹ã‚‚ã€å¿…è¦ãªã‚¹ã‚ãƒ«ã‚‚ã¾ã‚‹ã§é•ã†ã‚‚ã®ã ã¨æ€ã†ã€‚ æƒ…å ±ã‚„æ©Ÿèƒ½ã‚’ã€ã©ã®ã‚ˆã†ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æä¾›ã™ã‚‹ã‹ã€‚ ã“ã‚Œã¯ç”»é¢ä¸Šã®é…ç½®ã‚„è¦‹ãŸç›®ã ã‘ã®è©±ã ã‘ã˜ã‚ƒãªãã£ã¦ã€ æƒ…å ±ã®éšŽå±¤åŒ–ã‚„ã€ã„ã¤ã©ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§è¦‹ã›ã‚‹ã‹ã¨ã„ã£ãŸã“ã¨ã¾ã§è€ƒãˆãªãã‚ƒãªã‚‰ãªã„ã€‚ ãŸã¨ãˆã°ã‚²ãƒ¼ãƒ ãªã‚‰ã€åˆã‚ã‹ã‚‰ãƒœã‚¿ãƒ³ã ã‚‰ã‘ã®ç”»é¢ã«ã™ã‚‹ã®ã§ã¯ãªãã¦ã€ ã‚²ãƒ¼ãƒ ã®é€²ã¿å…·åˆã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¿’ç†Ÿåº¦ã«å¿œã˜ã¦æ®µéšŽçš„ã«æ©Ÿèƒ½ã‚’è¦‹ã›ã‚‹ã¨ã‹ãã€‚ ç´°ã‹ã„è©±ãªã‚‰ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ãŸæ™‚ã«åå¿œã™ã‚‹ã®ã‹ã€ é›¢ã—ãŸæ™‚ã«åå¿œã™ã‚‹
ponnao 2012/11/30
web

design

UI
ãƒªãƒ³ã‚¯
COOKPADã®ã€Œä¼ã›å—ã«ã›ãšå…¥åŠ›ã€ãƒœã‚¿ãƒ³ã¯ç´ æ™´ã‚‰ã—ã„
@tokuhiromã‹ã‚‰æ•™ãˆã¦ã‚‚ã‚‰ã£ãŸã®ã§ã™ãŒã€COOKPADã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webã‚µã‚¤ãƒˆã®ãƒã‚°ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã«ã¯ã€ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’ã€Œä¼ã›å—ã«ã›ãšå…¥åŠ›ã€ã™ã‚‹ãƒœã‚¿ãƒ³ãŒã¤ã„ã¦ã„ã‚‹ã®ã§ã™ãã€‚ ã•ã£ããè¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ã¾ãšã¯ãƒã‚°ã‚¤ãƒ³ç”»é¢ã§ã™ã€‚ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰æ¬„ã®ä¸‹å´ã«ã€ã€Œä¼ã›å—ã«ã›ãšå…¥åŠ›ã€ãƒœã‚¿ãƒ³ãŒè¦‹ãˆã¾ã™ã€‚ ã€Œå…ƒã«æˆ»ã™ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã€ä¼ã›å—ã«æˆ»ã‚Šã¾ã™ã€‚ åƒ•ã¯ã“ã‚Œã‚’çŸ¥ã£ã¦èˆˆå¥®ã—ã¾ã—ãŸã€‚ãªãœãªã‚‰ã€æ‹™è‘—ã€Œä½“ç³»çš„ã«å¦ã¶ã€€å®‰å…¨ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ã€ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ã„ãŸã‹ã‚‰ã§ã™ï¼ˆP337ï½žP338ï¼‰ã€‚ ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰å…¥åŠ›æ¬„ã®ãƒžã‚¹ã‚¯è¡¨ç¤ºã¯ã€ç¾åœ¨ã®å¸¸è˜çš„ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ãŒã€å®Ÿã¯ç†è€…è‡ªèº«ã¯ç–‘å•ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰å…¥åŠ›æ¬„ã‚’ãƒžã‚¹ã‚¯è¡¨ç¤ºã«ã™ã‚‹ã¨ã€è¨˜å·ã‚„å¤§æ–‡å—ãƒ»å°æ–‡å—äº¤ã˜ã‚Šã®å®‰å…¨ãªãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’å…¥åŠ›ã—ã«ãããªã‚‹ã®ã§ã€åˆ©ç”¨è€…ã¯ç°¡å˜ãªï¼ˆå±é™ºãªï¼‰ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’å¥½ã‚€ã‚ˆã†ã«ãªã‚Šã€ã‹ãˆã£ã¦å®‰å…¨æ€§ã‚’é˜»å®³ã™ã‚‹ãƒªã‚¹ã‚¯ã®æ–¹ãŒå¤§ãã„ã®ã§ã¯
ponnao 2012/06/27
web

security

UI
ãƒªãƒ³ã‚¯
ã€Œãˆããã£ã¨ã€ã®è¡æ’ƒï¼ã€€æœ€æ‚ªã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã‚’æ”¾ç½®ã™ã‚‹ï¼ªï¼²æ±æ—¥æœ¬ã®ä½“è³ªã€€ : ç†Blog
Penã§ã™ã€‚ æ•°å¹´ã»ã©å‰ã«ã€ãˆããã£ã¨ã«èµ·å› ã™ã‚‹ãƒˆãƒ©ãƒ–ãƒ«ã§ã€JRã‹ã‚‰1ä¸‡å††ã»ã©ã ã¾ã—å–ã‚‰ã‚Œã¾ã—ãŸã€‚ æ–°æ¨ªæµœç™ºã®æ–°å¹¹ç·šã®ãƒã‚±ãƒƒãƒˆã‚’ã€Œãˆããã£ã¨ã€ã‚’åˆ©ç”¨ã—ã¦è³¼å…¥ã—ã¾ã—ãŸã€‚ å½“æ—¥ã®æœã€å‡ºç™ºã®30åˆ†ã»ã©å‰ã«æ¨ªæµœé§…ã«åˆ°ç€ã—ãŸã®ã§ã™ãŒã€è‚å¿ƒã®ãƒã‚±ãƒƒãƒˆã®å—ã‘å–ã‚Šå ´æ‰€ï¼ˆã‚ã‚ªã‚¹ã‚¯ç«¯æœ«ï¼‰ãŒã¿ã¤ã‹ã‚‰ãšã€JRæ±æµ·ã®çª“å£ã«ä¸¦ã‚“ã§ç¢ºèªã‚’ã“ã“ã‚ã¿ã‚‹ã‚‚ã€é•·è›‡ã®åˆ—ã§30åˆ†ã‚’ç©ºè²»ã—ãŸã‚ã’ãã€ç™ºè»Šæ™‚é–“ã«ãªã£ãŸãŸã‚ã¨ã‚Šã‚ãˆãšä¹—è»Šåˆ¸ã‚’è³¼å…¥ã—ã¦ï½¤æ–°å¹¹ç·šã«é£›ã³ä¹—ã‚Šã¾ã—ãŸã€‚ ï¼ˆæ¨ªæµœé§…æ–°æ¨ªæµœé§…ã¯ï¼ªï¼²æ±æµ·ã®ç¸„å¼µã‚Šã‚‰ã—ãã€ï¼ªï¼²æ±æ—¥æœ¬ã®ç«¯æœ«ã¯ã‚ˆãã‚ã‹ã‚‰ãªã„å ´æ‰€ã«ã²ã£ãã‚Šã¨è¨ç½®ã•ã‚Œã¦ã„ã¾ã™ï¼‰ ã¨ã‚Šã‚ãˆãšç›®çš„åœ°ã§ä¸‹è»Šã—ãŸã®ã¡ã«ã€çª“å£ã§äº‹æƒ…ã‚’è©±ã—ãŸã¨ã“ã‚ã€ï¼ªï¼²æ±æµ·ã®è·å“¡ã¯ï¼ªï¼²æ±æ—¥æœ¬ãŒé‹å–¶ã™ã‚‹ã€Œãˆããã£ã¨ã€ã®ã“ã¨ã¯ã‚ã‹ã‚‰ãªã„ã‚‰ã—ãã€5åˆ†ãã‚‰ã„ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã¨æ ¼é—˜ã—ãŸã®ã¡ã«ã€Œãˆããã£ã¨ã®ãƒã‚±ãƒƒãƒˆã¯ç™ºåˆ¸ã—ã¦ã„ãªã„ã®ã§ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã«è«‹æ±‚ã•ã‚Œã¾ã›ã‚“ã€‚ã€ã¨æ–è¨€
ponnao 2011/07/01
web

ui

WebService
ãƒªãƒ³ã‚¯
ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ç‰ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ‘ãƒ¼ãƒ„åˆ¥ã«åŽé›†ã—ã¦ã„ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã„ãã¤ã‹çŸ¥ã£ã¦ãŠã„ãŸæ–¹ãŒã€å¿…è¦ãªæ™‚ã« æŽ¢ã—ã‚„ã™ã„ã¨æ€ã£ã¦ãƒ¡ãƒ¢ã—ã¾ã™ã€‚Webã‚µã‚¤ãƒˆ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒ•ãƒƒã‚¿ãƒ¼ãªã©ã€ ãƒ‘ãƒ¼ãƒ„åˆ¥ã«åŽé›†ã—ã¦ã„ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆãŒ ã„ãã¤ã‹ã‚ã‚‹ã®ã§ã¾ã¨ã‚ã¾ã™ã€‚ ãã‚“ãªå¤§é‡ã«æœ‰ã‚‹ã‚ã‘ã§ã¯ãªã„ã§ã™ã‘ã©ã€‚ãƒ‘ãƒ¼ãƒ„ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã„ã¤ã‚‚è¿·ã†ã®ã§ã“ã®æ‰‹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯ã„ãã¤ã‚ã£ã¦ã‚‚çµæ§‹é‡å®ã—ã¾ã™ã‚ˆãã€‚ ãƒ–ãƒ–ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ¼ã‚«ã‚¤ãƒ– å›½å†…ã§ãŠãã‚‰ãå”¯ä¸€ã®ãƒ‘ãƒ¼ãƒ„åˆ¥ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ•ãƒƒã‚¿ãƒ¼ãªã©ã§æŽ¢ã›ã¦ã€åŽé›†ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚‚å›½å†…ãƒ¡ã‚¤ãƒ³ãªã®ã§å‚è€ƒã«ãªã‚‹ã®ã§ã¯ã€‚ ãƒ–ãƒ–ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ¼ã‚«ã‚¤ãƒ– MephoBox ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒ•ãƒƒã‚¿ãƒ¼ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€404ã‚„ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãªã©å…¨ã¦ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚«ãƒ†ã‚´ãƒªã«ã—ã¦ãƒ‘ãƒ¼ãƒ„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åŽé›†ã—ã¦ã„ã¾ã™ã€‚ãŠã™ã™ã‚ã€‚ MephoBox Pattern Tap ã“ã¡ã‚‰ã‚‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒœã‚¿ãƒ³ã€ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã«åˆ†ã‘ã¦ãƒ‡
ponnao 2011/01/26
UI

pattern

web

design

webdesign
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç·šã‚’èª˜å°Žã™ã‚‹ï¼“ã¤ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£æ”¹å–„æ–¹æ³•
webã‚µã‚¤ãƒˆã«ãŠã‘ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç·šã¯ã€ãªã‹ãªã‹è¦‹ã‚‹äº‹ãŒå‡ºæ¥ãªã„ä»£ç‰©ã§ã¯ã‚ã‚Šã¾ã™ã€‚ å®Ÿéš›ã«ä¼æ¥ã‚„ã€ã‚ãªãŸãŒä½œæˆã—ãŸwebã‚µãƒ¼ãƒ“ã‚¹ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è¨´ãˆãŸã„äº‹ã‚’ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãã¡ã‚“ã¨å±Šã‘ã‚‹ç‚ºã«ã€ã©ã®ã‚ˆã†ãªæ–¹æ³•ãŒã‚ã‚‹ã®ã‹ã‚’è€ƒãˆã¦è¦‹ã¾ã—ã‚‡ã†ã€‚ ï¼‘ï¼‰å…¨ã¦ã®æƒ…å ±ã‚’é®æ–ã™ã‚‹ æ‰‹ã£å–ã‚Šæ—©ã„æ–¹æ³•ã¨ã—ã¦ã¯ã€ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ã‚’é®æ–ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ã¤ã¾ã‚Šãã®è¨€ã„ãŸã„äº‹æ„å¤–ã®æƒ…å ±ã‚’ã‚ãˆã¦éš è”½ã™ã‚‹ã‚ã‘ã§ã™ã€‚ å®Ÿã«ã‚·ãƒ³ãƒ—ãƒ«ãªæ–¹æ³•ã§ã™ã€‚ ãŸã ã—ã€ã‚·ãƒ³ãƒ—ãƒ«ã§ã‚ã‚‹ãŒã‚†ãˆã«éžå¸¸ã«é›£æ˜“åº¦ãŒé«˜ã„ã§ã™ã€‚ ãªãœãªã‚‰ã€é…ç½®ã™ã‚‹ãƒ†ã‚ã‚¹ãƒˆé¸ã³ã¯æ…Žé‡ã«ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã—ã€è¨´ãˆãŸã„äº‹ãŒå¤šã„å ´åˆã€ä½•ã‚’ã¾ãšè¨´ãˆã‚‹ã¹ãã‹ã‚’ã—ã£ã‹ã‚Šã¨è€ƒãˆã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒè¿·ã†äº‹ãªãã€ãã—ã¦çš„ç¢ºãªæ“ä½œãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«èª˜å°Žã—ã¦ä¸Šã’ã‚‹å¿…è¦ãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ ï¼‘ï¼‰ã‚µãƒ¼ãƒ“ã‚¹ã«å¯¾ã—ã¦èˆˆå‘³ã‚’å°‘ã—ã ã‘æŒã£ã¦ã‚‚ã‚‰ã†æƒ…å ±ã‚’æ›¸ã ï¼’ï¼‰ã‚µãƒ¼ãƒ“ã‚¹é–‹å§‹ã¯ã¡ã‚‡ã£ã¨ãƒ»ãƒ»ãƒ»ã¨ã„ã†äººã®ãŸã‚ã«ã‚¯ãƒªãƒƒã‚¯ã—ã‚„ã™ã„ãƒªãƒ³
ponnao 2011/01/06
web

tips

UI
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®ãƒ•ãƒªãƒ¼UIãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã€Œ18 free UI elements packs for your web designs and appsã€
WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®ãƒ•ãƒªãƒ¼UIãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã€Œ18 free UI elements packs for your web designs and appsã€ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è£½ä½œã™ã‚‹ã¨ãã«æ™‚é–“ã‚’ç¯€ç´„ã—ãªãŒã‚‰ã€ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ä¿ã¡ãŸã„ã¨ãã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã«å¿…è¦ãªãƒ‘ãƒ¼ãƒ„ã‚’ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã—ãŸç´ æãŒä¾¿åˆ©ã§ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®ãƒ•ãƒªãƒ¼UIãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’é›†ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ18 free UI elements packs for your web designs and appsã€ã§ã™ã€‚ Modern Web UI Set æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ã®UIã®ç´ æãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰å¹¾ã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ â– Mobility: set of mobile UI elements ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§
ponnao 2010/12/27
UI

web

design

Android
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã®ãƒ•ãƒƒã‚¿ãƒ¼ï¼’ï¼ï¼å€‹ã¨ãƒ•ãƒƒã‚¿ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®è€ƒãˆ
ãƒ•ãƒƒã‚¿ãƒ¼ã®ç¾Žå¦ã€‚ ãã‚“ãªç´ æ•µã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã‚ˆã†ã¨ã„ãã¤ã‹ãƒãƒ§ã‚¤ã‚¹ã—ã¦ã„ãŸã‚‰æµ·å¤–ãƒ–ãƒã‚°ã®DWSãŒã€ŒThe 200 best footers on the webã€ãªã‚“ã¦ã„ã†åŒ–ã‘ç‰©ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ã•ã‚‰ã£ã¨å‡ºã—ã¦ããŸã‚‚ã‚“ã ã‹ã‚‰é©šãã ã€‚ ã—ã‹ã‚‚ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚‚ã‚ã¡ã‚ƒé«˜ã„ã€‚ ãªã®ã§ä»Šå›žã¯ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ç´¹ä»‹ã—ã¦çµ‚ã‚ã‚ã†ã‹ãªã£ã¦ãƒ»ãƒ»ãƒ»ã€‚ å‚è€ƒã¾ã§ã«ãƒã‚¿å¸³ãŒå¥½ããªãƒ•ãƒƒã‚¿ãƒ¼ã‚’ï¼—ã¤ã»ã©ç´¹ä»‹ã—ã¾ã™ã€‚ ãŸã¾ã€ãƒ•ãƒƒã‚¿ãƒ¼ã¾ã¨ã‚ã‚µã‚¤ãƒˆã®æ¥½ã—ã¿æ–¹ã‚‚ä¸€å¿œæ›¸ã„ã¦ãŠãã¾ã™ã€‚ ä»¥ä¸‹ã‹ã‚‰ã©ã†ãžã€‚ ã™ã°ã‚‰ã—ã„ãƒ•ãƒƒã‚¿ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ï¼’ï¼ï¼ The 200 best footers on the web Â« Web Design Shock ã‚‚ã¯ã‚„ã²ã¨ã¤ã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã¨ã„ã†ã‹ä¸€å†Šã®æœ¬ã«ãªã£ã¦ã‚‚ãŠã‹ã—ããªã„ã‚¯ã‚ªãƒªãƒ†ã‚£ã®è¨˜äº‹ã§ã™ã€‚ ã”å ªèƒ½ã‚ã‚Œï¼ ä¸ã§ã‚‚ãƒã‚¿å¸³ãŒãŠæ°—ã«å…¥ã‚Šã®ãƒ•ãƒƒã‚¿ãƒ¼ï¼—ã¤ TomÃ¡Å¡ Pojeta | kreativnÃ grafik ã“ã“
ponnao 2010/07/21
web

cloud

webdesign

UI

design
ãƒªãƒ³ã‚¯
æœ€é©ãªãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã®è‰²ã¯ï¼Ÿ | ã‚¦ã‚§ãƒ–åŠ›å¦
é’ç³»çµ±ã®è‰²ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã«å¤‰ã‚ã‚Šã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ä»¥ä¸Šã«ãƒãƒ©ã¤ããŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚ç‰¹ã«ã€Yahoo!ã®å ´åˆã¯ã€å„ã‚¸ãƒ£ãƒ³ãƒ«ã”ã¨ã®ãƒšãƒ¼ã‚¸ã§ã‚‚å¾®å¦™ã«ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã®è‰²ãŒå¤‰ã‚ã£ã¦ã„ã¾ã—ãŸã€‚ãã‚Œãžã‚Œã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç‰¹å¾´ã«åˆã‚ã›ã¦å¤‰åŒ–ã•ã›ã¦ã„ã‚‹ã®ã ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ æ¥½å¤©ã®ã‚ˆã†ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€å…¨ä½“ã‹ã‚‰ã™ã‚‹ã¨å°‘æ•°æ´¾ã®ã‚ˆã†ã§ã™ã€‚ Q&Aã‚µã‚¤ãƒˆã®æœ€å¤§æ‰‹OKWaveã¯Googleã¨åŒä¸€ã§ã—ãŸã€‚ã¾ãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ã„ãˆã°ãƒ“ãƒ¼ãƒ“ãƒƒãƒˆã•ã‚“ã€ã¨ã„ã†ã“ã¨ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸãŒã€ã‚„ã‚„æš—ã‚ã®é’ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã—ãŸã€‚ãƒ“ãƒ¼ãƒ“ãƒƒãƒˆã•ã‚“ã®ã“ã¨ãªã®ã§ä½•ã‹æ„å‘³ãŒã‚ã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã¯ã€æ—¥æœ¬æœ€å¤§ç´šã®ãƒ¬ã‚·ãƒ”æ¤œç´¢ã®ã‚µã‚¤ãƒˆã§ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£ã«ã¯ç´°å¿ƒã®æ³¨æ„ã‚’æ‰•ã£ã¦ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸€äººå½“ãŸã‚Šã®å¹³å‡PVãŒé«˜ã„ã“ã¨ã§ã‚‚çŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãã‚“ãªã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã§ã™ãŒã€ã‚µã‚¤ãƒˆã‚’ã®ãžã„ã¦ã¿
ponnao 2010/06/22
Yahoo!

Yahoo

Google

web

webdesign

UI
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚µã‚¤ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’å…‰é€Ÿã§ä½œæˆã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŒLumzyã€:phpspoté–‹ç™ºæ—¥èªŒ
Lumzy ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚µã‚¤ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’å…‰é€Ÿã§ä½œæˆã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŒLumzyã€ã¨ã„ã†ã®ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã¿ãŸã„ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã§ã‚ã‚Œã°ã€Photoshopã§ã¾ãšãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ã‚ˆã‚Šã€é¡§å®¢ã«ã©ã†ã„ã†ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã‹ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã¦ã‚‚ã‚‰ã†ãŸã‚ã«ãƒ¢ãƒƒã‚¯ã‚’ä½œã‚‹ã‚ã‘ã§ã™ãŒã€ãã‚ŒãŒãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§é«˜é€Ÿã«ã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ãƒãƒƒãƒˆãƒ–ãƒƒã‚¯ç‰‡æ‰‹ã«ãƒ–ãƒ©ã‚¦ã‚¶ã•ãˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ãƒãƒƒãƒˆç’°å¢ƒã•ãˆã‚ã‚Œã°ã€é¡§å®¢ã¨ç›¸è«‡ã—ãªãŒã‚‰ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã£ã¦ã„ã£ã¡ã‚ƒãˆã¾ã™ãã€‚ ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—ã¨ã‹ç„¡ã—ã«ã™ãã«ä½¿ãˆã‚‹ã¨ã“ã‚ã‚‚Goodã§ã€Flashã‚’ä½¿ã£ãŸç›´æ„Ÿçš„ãªUIã§ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ã‚µã‚¯ã‚µã‚¯ä½œã‚Œã¡ã‚ƒã„ã¾ã™ã€‚ ãƒ„ãƒ¼ãƒ«ã‚’ç«‹ã¡ä¸Šã’ã‚‹ã¨ã€ã¾ãšãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆä½œæˆç”»é¢ãŒã§ã‚‹ã®ã§é©å½“ã«ã„ã‚Œã¦ã€ŒCreate Projectã€ã—ã¾ã™ã€‚ ä½œæˆã™ã‚‹ã¨ã€ãƒœã‚¿ãƒ³ã¨ã‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã€ãƒªã‚¹ãƒˆã€ãƒ‡ãƒ¼ã‚¿ã‚°ãƒªãƒƒãƒ‰ã€ã‚³ãƒ³ãƒœãƒœãƒƒã‚¯ã‚¹ãªã©ã®ã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹UIãƒ‘ãƒ¼ãƒ„ãŒæœ€åˆã‹ã‚‰ãã‚ã£ã¦ã„ã¦
ponnao 2010/03/17
UI

flash

web

webservice

webdesign

tool
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è¦‹ã‚„ã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ãƒ‡ãƒ¼ã‚¿ã‚’ã¿ã›ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è¦‹ã‚„ã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚„æ©Ÿèƒ½æ€§ãªã©UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç´¹ä»‹ã—ãŸã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰ã‚’Janko At Warp Speedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Ultimate guide to table UI patterns ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ã®ã€Œï¼ˆã‚¨ã‚¯ã‚»ãƒ«ã§ã„ã†ã¨ã“ã‚ã®ï¼‰è¡Œã¨åˆ—ã€ã®è¡¨è¨˜ã¯ã€ã€Œæ¨ªåˆ—ã¨ç¸¦åˆ—ã€ã«çµ±ä¸€ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. åˆ—ã‚’äº¤äº’ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° 2. åˆ—ã‚’ãƒ•ãƒ«ã« 3. ãƒ†ãƒ¼ãƒ–ãƒ«ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ 4. ã‚½ãƒ¼ãƒˆ 5. ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚° 6. ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ 7. ã‚¹ã‚¯ãƒãƒ¼ãƒ« 8. å›ºå®šã•ã‚ŒãŸãƒ˜ãƒƒãƒ€ 9. ãƒ˜ãƒƒãƒ€ã®ãªã„ãƒ†ãƒ¼ãƒ–ãƒ« 10. æ‹¡å¼µå¯èƒ½ãªåˆ— 11. åˆ—ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ 12. ãƒžãƒ«ãƒãƒ—ãƒ«ãªåˆ—ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ ã¯ã˜ã‚ã« ãƒ†ãƒ¼ãƒ–ãƒ«ã¯æ§‹é€ åŒ–ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’ã¿ã›ã‚‹ã‚‚ã®ã§ã™ã€‚ãã—ã¦ã€ãã®ç›®çš„ã¯ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿ã‚„ã™ãã—ã€èµ°æŸ»ã—ã‚„ã™ãã€ç°¡å˜
ponnao 2010/03/02
UI

table

jQuery

design

css

html

web
ãƒªãƒ³ã‚¯
å…¨ã¦ã®ITãƒ»Webé–¢ä¿‚è€…ã«è¦‹ã¤ã‚ãªãŠã—ã¦æ¬²ã—ã„ã€ŒDonâ€™t Make Me Thinkã€ - Feel Like A Fallinstar
â€Don't Make Me Thinkâ€ è¨³ã™ã¨ã€ã€Œã„ã¡ã„ã¡ç§ã«è€ƒãˆã•ã›ã‚‹ãªï¼ãƒœã‚±ï¼ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã‚Œã¯ã€2001å¹´ã«Steve KrugãŒå‡ºã—ãŸæ›¸ç±ã®åå‰ãªã®ã§ã™ãŒã€ã“ã®ã€Œãƒ¦ãƒ¼ã‚¶ã«ã„ã¡ã„ã¡è€ƒãˆã•ã›ãªã„ã€ã“ã¨ã‚’å¿˜ã‚Œã¦ã„ã‚‹ã‹ã€ã„ãªã„ã‹ãŒã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ»Webã‚µã‚¤ãƒˆã®å‹è² ã‚’åˆ†ã‘ã‚‹æœ€ã‚‚å¤§ããªåˆ†å²ç‚¹ã®1ã¤ã§ã™ã€‚ äººé–“ã¯æ—¥ã€…ã®ç”Ÿæ´»ã®ä¸ã§ã€ã„ã¡ã„ã¡ç‰©ã‚’æ“ä½œã—ãŸã‚Šæƒ…å ±ã‚’è¦‹ã‚‹ãŸã³ã«ã‚ã‚Œã“ã‚Œè€ƒãˆãŸããªã‚“ã¦ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ¦ãƒ¼ã‚¶ã‚’ã¤ã¾ã‚‰ãªã„æ“ä½œã‚„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§è€ƒãˆã•ã‚Œã‚Œã°ã•ã›ã‚‹ã»ã©ã‚¹ãƒˆãƒ¬ã‚¹ã¯å¢—å¤§ã—ã€ä¼æ¥ã¸ã®ä¿¡ç”¨ã¯æ€¥æ¿€ã«å¤±ã‚ã‚Œã¾ã™ã€‚ ä»Šæ—¥ã¯ã€ã“ã®â€Don't Make Me Thinkâ€ã«ã¤ã„ã¦ã€ å¦‚ä½•ã«ãƒ¦ãƒ¼ã‚¶ãŒè€ƒãˆã‚‹ã“ã¨ã‚’å«Œã†ã‹ ã€Œè€ƒãˆã•ã›ãªã„ã€ã¨ã¯ã©ã†ã„ã†ã“ã¨ã‹ ã‚’ã€ã“ã‚Œã¾ã§è¦‹ã¦ããŸãƒ¦ãƒ¼ã‚¶æ¤œè¨¼ã®çµæžœãªã©ã‚‚äº¤ãˆã¦ã€å°‘ã—ã°ã‹ã‚Šæ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã‚ã‚‰ã‚†ã‚‹ã€Œç„¡é§„ãªã€æ€è€ƒãŒã€ãƒ¦ãƒ¼ã‚¶ã‚’è‹›ç«‹ãŸã›ã€
ponnao 2010/02/01
web

Yahoo

it

usability

UI

webdesign
ãƒªãƒ³ã‚¯
1