[B! ãƒ•ã‚©ãƒ¼ãƒ ][ui] hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hmabu id:hmabu

ãƒ•ã‚©ãƒ¼ãƒ ã¨uiã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

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

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ä½œæˆã«ä½¿ãˆã‚‹ç´ æé›†30 â€“ creamu
98375849/ iStockphoto/ Thinkstock ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã«ä½¿ãˆã‚‹ãƒ‘ãƒ¼ãƒ„ã‚’æŽ¢ã—ã¦ã„ã‚‹ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž30 Free Web Design UI Kit Resourcesã€ã€‚ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ä½œæˆã«ä½¿ãˆã‚‹ç´ æé›†ã§ã™ã€‚ ã„ã„æ„Ÿã˜ã®ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ãã€‚ Free Sketching & Wireframing Kit JANKOã«ã‚ˆã‚‹ã‚¹ã‚±ãƒƒãƒ&ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚ãƒƒãƒˆã€‚ai,svg,pdf,epsãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ Free PSD Kit For Easier Website Wireframing FUELã«ã‚ˆã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚ãƒƒãƒˆã€‚PSDãƒ•ã‚¡ã‚¤ãƒ«ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ omnigraffle-wireframe-stencils OmniGraffle version 5.x (Mac OS Xç”¨)ã®ç´ æã€‚ãƒœã‚¿ãƒ³ã‚„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãªã© M
hmabu 2010/06/19
ãƒ•ã‚©ãƒ¼ãƒ

Web

psd

mac os x

ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰

ãƒ„ãƒ¼ãƒ«

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

Webãƒ‡ã‚¶ã‚¤ãƒ³

UI

ç´ æ
ãƒªãƒ³ã‚¯
ä¼šå“¡ç™»éŒ²ã®æ•·å±…ã‚’ä¸‹ã’ã‚‹å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹(PCç·¨) - ã‚ãƒ£ã‚ºãƒ ã‚’è¶…ãˆã‚ï¼
æœ¬ã‚¨ãƒ³ãƒˆãƒªã¯ã€20ã€œ40ä»£ã®PCã‚’ã‚ã‚‹ç¨‹åº¦ä½¿ã„ã“ãªã—ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼å‘ã‘ã®ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã®è¨è¨ˆã«ã¤ã„ã¦è¿°ã¹ãŸã‚‚ã®ã§ã‚ã‚‹ã€‚ã‚±ãƒ¼ã‚¿ã‚¤ã‚µã‚¤ãƒˆã¯å«ã¾ãªã„ã—ã€ã‚·ãƒ‹ã‚¢ã‚‚å¯¾è±¡ã¨ã—ã¦ã„ãªã„ã€‚ã‚·ãƒ‹ã‚¢å‘ã‘UIã«ã¤ã„ã¦ã¯(å¤ã„ã‚¨ãƒ³ãƒˆãƒªã ãŒ)ã“ã¡ã‚‰ "ãƒ¦ãƒ¼ã‚¶ãƒ¼ID"ã¨"ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹" æ¸›ã£ã¦ã¯ããŸã‚‚ã®ã®ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼IDã¨ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®ä¸¡æ–¹ã‚’å–ã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ãŒã„ã¾ã ã«çµæ§‹ã‚ã‚‹(ex. Rem ember the milk)ã€‚ã¯ã¦ãªã‚„YahooAuctionã®ã‚ˆã†ã«ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼IDãŒãƒ‹ãƒƒã‚¯ãƒãƒ¼ãƒ ã«ç›¸å½“ã™ã‚‹ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚µã‚¤ãƒˆã€ã¯é™¤ãã¨ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼IDã‚’ä¸€èˆ¬å®¢ã«å…¬é–‹ã—ãªã„ã«ã‚‚é–¢ã‚ã‚‰ãšIDã¨ãƒ¡ãƒ«ã‚¢ãƒ‰ã®ä¸¡æ–¹ã‚’å–ã‚‹æ„å›³ãŒã‚ã‹ã‚‰ãªã„ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼IDã¨ã—ã¦ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’ä½¿ã†ãƒ¡ãƒªãƒƒãƒˆã¯ ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å¿…é ˆç®‡æ‰€ãŒ1å€‹æ¸›ã‚‹ å¥½ã¿ã®IDãŒå–ã‚Œãªã„äº‹ä»¶ãŒé˜²ã’ã‚‹ "IDå¿˜ã‚Œ"ã«ã‚ˆã‚‹æ©Ÿä¼šæå¤±/å¹½éœŠä¼šå“¡ãŒæ¸›ã‚‹ æµçŸ³ã«è‡ªåˆ†ã®ãƒ¡ã‚¢ãƒ‰ã¯å¿˜ã‚Œ
hmabu 2008/04/22
*web

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

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãƒ•ã‚©ãƒ¼ãƒ

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

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

design

form

tips

ui
ãƒªãƒ³ã‚¯
CSSã§ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆ:phpspoté–‹ç™ºæ—¥èªŒ
HOWTO: spruce up your search box with CSS and a background image dâ€™bug Very few designers appreciate the aesthetic of a text input field, and styling form fields cross-browser on any Web site can be a tedious and frustrating experience. CSSã§ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆã€‚ æ¬¡ã®ã‚ˆã†ãªæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç”»åƒã¯ï¼‘æžšã ã‘ã§ã€æ§‹æˆã¯çµæ§‹ã‚·ãƒ³ãƒ—ãƒ«ãªã¤ãã‚Šã«ãªã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã“ã ã‚ã‚‹ãªã‚‰ã€ã“ã†ã„ã£ãŸéƒ¨åˆ†ã‚‚ã¡ã‚ƒã‚“ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã„ã§ã™ãã€‚ å…·ä½“ã‚µãƒ³ãƒ—ãƒ«ã®ãƒšãƒ¼ã‚¸
hmabu 2007/08/18
*webãƒ‡ã‚¶ã‚¤ãƒ³

*webè£½ä½œ

design

web

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

ãƒ•ã‚©ãƒ¼ãƒ

æ¤œç´¢

css

tips

ui
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

ãƒ•ã‚©ãƒ¼ãƒ ã¨uiã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

ãƒ•ã‚©ãƒ¼ãƒ ã¨uiã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ä½œæˆã«ä½¿ãˆã‚‹ç´ æé›†30 â€“ creamu

ä¼šå“¡ç™»éŒ²ã®æ•·å±…ã‚’ä¸‹ã’ã‚‹å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹(PCç·¨) - ã‚­ãƒ£ã‚ºãƒ ã‚’è¶…ãˆã‚ï¼

CSSã§ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆ:phpspoté–‹ç™ºæ—¥èªŒ

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

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

ãƒ•ã‚©ãƒ¼ãƒ ã¨uiã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ä½œæˆã«ä½¿ãˆã‚‹ç´ æé›†30 â€“ creamu

ä¼šå“¡ç™»éŒ²ã®æ•·å±…ã‚’ä¸‹ã’ã‚‹å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹(PCç·¨) - ã‚ãƒ£ã‚ºãƒ ã‚’è¶…ãˆã‚ï¼

CSSã§ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆ:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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