[B! UI][Webã‚µãƒ¼ãƒ“ã‚¹] inthesoupã®ãƒ

inthesoup id:inthesoup

UIã¨Webã‚µãƒ¼ãƒ“ã‚¹ã«é–¢ã™ã‚‹inthesoupã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã‚·ãƒªã‚³ãƒ³ãƒãƒ¬ãƒ¼ã§èžã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒç¾Žã—ã„Webã‚µãƒ¼ãƒ“ã‚¹ï¼ã‚¢ãƒ—ãƒª15é¸ - ãƒ‘ãƒ‘ãƒ‘ãƒ‘
ã“ã®ãƒ–ãƒã‚°ã¯ã€åƒ•ãŒã“ã‚Œã¾ã§Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ã„ãã¤ã‹ä½œã£ã¦ãã¦ã€å¤±æ•—ã—ãŸã‚ŠæˆåŠŸã—ãŸã‚Šè‰²ã€…ä½“é¨“ã—ã¦ã„ã‚‹ã“ã¨ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ã‚·ãƒªã‚³ãƒ³ãƒãƒ¬ãƒ¼ã«æ¥ã¦45æ—¥ãŒçµŒã¡ã¾ã—ãŸã€‚ä»Šæ—¥ã¯ã„ã¤ã‚‚ã¨è¶£å‘ã‚’å¤‰ãˆã¦ã€ã“ã¡ã‚‰ã§èžã„ãŸã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„UI/UXãŒç¾Žã—ã„Webã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªã®ä¸€éƒ¨ã‚’ç´¹ä»‹ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Chill http://chill.com/ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¤ã‚±ã¦ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’èžãã¨ã€ã‹ãªã‚Šã®ç¢ºçŽ‡ã§ã“ã®ã‚µãƒ¼ãƒ“ã‚¹ã®åå‰ãŒæŒ™ãŒã‚Šã¾ã—ãŸã€‚å‹•ç”»ã®ä¸Šã«æŠ•ç¨¿è€…ã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ç”»åƒãŒå††å½¢ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã®ãŒç´ æ•µã§ã™ã€‚è©³ç´°ãƒšãƒ¼ã‚¸ã®ã€ŒThoughts?ã€ãƒœã‚¿ãƒ³ã®å‹•ããŒç§€é€¸ã€‚è‰²ã€…å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆã ã¨æ€ã„ã¾ã™ã€‚ Chillã®ã‚ˆã†ã«Pinteresté¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ä»Šã¾ã•ã«ãƒˆãƒ¬ãƒ³ãƒ‰ã®ã‚ˆã†ã§ã€æ•™ãˆã¦ã‚‚ã‚‰ã£ãŸã‚µã‚¤ãƒˆã®ä¸ã§ã‚‚æœ¬å®¶ã«è² ã‘ãšåŠ£ã‚‰ãšã®ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‚’æŒã£ãŸã‚µãƒ¼ãƒ“ã‚¹ã‚‚å¤šã„ã§ã™ã€‚å¥³æ€§ã‚¦ã‚±ãŒè‰¯ã„ã“ã¨ã¨ã€ç”»åƒã‚’ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã§ãŸãã•ã‚“
inthesoup 2012/05/14
Webã‚µãƒ¼ãƒ“ã‚¹

ã¾ã¨ã‚

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

UX

UI
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³ã«è¡Œãè©°ã£ãŸã¨ãã«è¦‹ã‚‹ã¨ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¾—ã‚‰ã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹
Dribbble - What are you ... / Gallery of UI Elements -... / 365psd | Download a free...ä»–...å…¨6ä»¶
inthesoup 2012/05/03
UI

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

Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
50 Examples of Pixel Perfect Button Design | Inspirationfeed
Last Updated on September 6, 2024 Buttons are always an important part of any website. The buttonâ€™s main goal is to attract the user into performing an action you want them to. Meaning to sign up, purchase now, log in, vote up, and etc. Not only do they attract users, but they also add a mood to the overall website design. There are a huge variety of button designs out there. In this roundup we ha
inthesoup 2010/10/27
Webã‚µãƒ¼ãƒ“ã‚¹

ãƒœã‚¿ãƒ³

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

UI

Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
CSS3ãƒœã‚¿ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ20 CSS3 Tutorials and Techiques for Creating Buttonsã€
TOPÂ Â >Â Â WebDesignÂ Â >Â Â CSS3ãƒœã‚¿ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ20 CSS3 Tutorials and Techiques for Creating Buttonsã€ WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¬¡ä¸–ä»£è¦æ ¼ã¨ã—ã¦æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹CSS3ã€‚å¾ã€…ã«æŠ€è¡“ç³»ã®WEBã‚µã‚¤ãƒˆã§ã‚‚å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã€WEBãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œå†…ã§ã¯è©±ãŒã§ã‚‹æ©Ÿä¼šã‚‚å¢—ãˆã¦ããŸã¨æ€ã„ã¾ã™ãŒã€ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯CSS3ã‚’ä½¿ã£ã¦ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ20 CSS3 Tutorials and Techiques for Creating Buttonsã€ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Pretty CSS3 Buttons ã‚°ãƒ©ãƒ¼ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚ªãƒ¼ãƒãƒ©ãƒƒãƒ—ã€ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ãªã©ãªã©ã€ã„ã¾ã¾ã§ç”»åƒã§ã—ã‹è¡¨ç¾ãŒå›°é›£ã ã£ãŸãƒœã‚¿ãƒ³è¡¨ç¾ãŒå¤šæ•°é›†ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹æ°—ã«ãªã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ â– Cool O
inthesoup 2010/02/17
CSS3

ãƒœã‚¿ãƒ³

Webã‚µãƒ¼ãƒ“ã‚¹

UI
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

UIã¨Webã‚µãƒ¼ãƒ“ã‚¹ã«é–¢ã™ã‚‹inthesoupã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

UIã¨Webã‚µãƒ¼ãƒ“ã‚¹ã«é–¢ã™ã‚‹inthesoupã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ã‚·ãƒªã‚³ãƒ³ãƒãƒ¬ãƒ¼ã§èžã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒç¾Žã—ã„Webã‚µãƒ¼ãƒ“ã‚¹ï¼ã‚¢ãƒ—ãƒª15é¸ - ãƒ‘ãƒ‘ãƒ‘ãƒ‘

UIãƒ‡ã‚¶ã‚¤ãƒ³ã«è¡Œãè©°ã£ãŸã¨ãã«è¦‹ã‚‹ã¨ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¾—ã‚‰ã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹

50 Examples of Pixel Perfect Button Design | Inspirationfeed

ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚µã‚¤ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’å…‰é€Ÿã§ä½œæˆã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŒLumzyã€:phpspoté–‹ç™ºæ—¥èªŒ

CSS3ãƒœã‚¿ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ20 CSS3 Tutorials and Techiques for Creating Buttonsã€

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

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

UIã¨Webã‚µãƒ¼ãƒ“ã‚¹ã«é–¢ã™ã‚‹inthesoupã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ã‚·ãƒªã‚³ãƒ³ãƒãƒ¬ãƒ¼ã§èžã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒç¾Žã—ã„Webã‚µãƒ¼ãƒ“ã‚¹ï¼ã‚¢ãƒ—ãƒª15é¸ - ãƒ‘ãƒ‘ãƒ‘ãƒ‘

UIãƒ‡ã‚¶ã‚¤ãƒ³ã«è¡Œãè©°ã£ãŸã¨ãã«è¦‹ã‚‹ã¨ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¾—ã‚‰ã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹

ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚µã‚¤ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’å…‰é€Ÿã§ä½œæˆã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŒLumzyã€:phpspoté–‹ç™ºæ—¥èªŒ

CSS3ãƒœã‚¿ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ20 CSS3 Tutorials and Techiques for Creating Buttonsã€

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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