[B! Button] eriko315ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

eriko315 id:eriko315

Buttonã«é–¢ã™ã‚‹eriko315ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

CSS3ã ã‘ã§ã¤ãã‚‹Webãƒœã‚¿ãƒ³ï¼æŠ¼ã•ãšã«ã¯ã„ã‚‰ã‚Œãªã„ãƒœã‚¿ãƒ³ç°¡å˜3ã‚¹ãƒ†ãƒƒãƒ—
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ã«ãã¦ã„ã¾ã™ã€‚ ã“ã‚“ã«ã¡ã‚ã€‚(ãƒ»`Ð´ãƒ»ãƒŽ)ãƒŽ é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ä¸ã®ã©ã†ã‚‚ã½ã‚“ãŸã§ã™ã€‚ å…ˆé€±ã€éŽŒå€‰æœ¬ç¤¾ã‹ã‚‰è‡ªç”±ãŒä¸˜æ”¯ç¤¾ã«ç§»ã‚Šã¾ã—ãŸã€‚ è‡ªç”±ãŒä¸˜ã«æ¥ãŸã®ã¯åˆã‚ã¦ãªã®ã§ã€ã€Œä¸˜ãªã„ãªãã€‚ã€ã£ã¦æ€ã„ã¾ã—ãŸã€‚ ãã—ã¦ã“ã¡ã‚‰ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ç ”ä¿®ã§ã€æ›¸ã„ã¦ã„ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã©ã†ã‹æŸ”ã‚‰ã‹ã„ã¾ãªã–ã—ã§è¦‹å®ˆã£ã¦ä¸‹ã•ã„ã¾ã›ï¼ ä»Šå›žã¯ç”»åƒã‚’ä½¿ã‚ãšã€CSS3ã ã‘ã§Webãƒœã‚¿ãƒ³ã‚’ã¤ãã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã£ã¦ã‚‚åƒ•è‡ªèº«ã¤ãã£ãŸã“ã¨ãŒãªã„ã®ã§ã€ä¸€ç·’ã«æŒ‘æˆ¦ã—ã¾ã—ã‚‡ã†ï¼ï¼ ã¤ã¥ãã‹ã‚‰ã©ã†ãžï¼ ã™ã”ã„ã‚ˆï¼CSS3 â‰« CSS3ã®ã¿ã§ã¤ãã£ã¦ã„ã‚‹ãƒœã‚¿ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹å‡„ã„ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ©ãƒ ãƒã®ã‚ˆã†ãªãƒ†ã‚¤ã‚¹ãƒˆã®ãƒœã‚¿ãƒ³ã§ã™ãªã€‚ ã“ã‚Œã‚’ç”»åƒãªã—ã§ã¤ãã£ã¦ã‚‹ã£ã¦ã„ã†ã‹ã‚‰ã‚¹ã‚´ã‚¤ï¼ ã“ã“ã¾ã§ãƒ¬ãƒ™ãƒ«ã®é«˜ã„ãƒœã‚¿ãƒ³ã¯ã¤ãã‚Œãªã„ã®ã§ã€ åŸºæœ¬é‡è¦–ã®ã‚·ãƒ³ãƒ—ãƒ«ãªCSSãƒœã‚¿ãƒ³ã‚’ã¤ãã‚ã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯C
eriko315 2012/07/04
CSS3

Button
ãƒªãƒ³ã‚¯
ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µã‚¤ãƒˆã¸ã®ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’çµ±ä¸€ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒKoottamã€:phpspoté–‹ç™ºæ—¥èªŒ
ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µã‚¤ãƒˆã¸ã®ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’çµ±ä¸€ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒKoottamã€ 2012å¹´05æœˆ17æ—¥- Koottam Social jQuery Plugin | Customized Facebook, Twitter, Google Buttons Using Cross Browser CSS3 ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µã‚¤ãƒˆã¸ã®ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’çµ±ä¸€ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒKoottamã€ Twitter, Facebook, Pinterest, Google+ ãªã©ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚·ã‚§ã‚¢æ•°ã‚’è¡¨ç¤ºã—ã¤ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’çµ±ä¸€ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã„ã‚ã‚“ãªã‚µã‚¤ãƒˆã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ã‚’è¨ç½®ã™ã‚‹ã¨ã©ã†ã—ã¦ã‚‚ãƒ€ã‚µããªã£ã¦ã—ã¾ã†ã®ã§ã™ãŒã€ã“ã‚Œã‚’è§£æ±ºã§ãã¾ã™ãã€‚ã‚·ã‚§ã‚¢æ•°ã‚‚è¡¨ç¤ºã§ãã¦ã„ã„ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Facebook,Twitter,Googleï¼‹ã®ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³
eriko315 2012/05/18
jQuery

SNS

Button
ãƒªãƒ³ã‚¯
Loading...
eriko315 2012/03/11
DesignMaterial

Add-up

Button

DesignMethod

PortalSite
ãƒªãƒ³ã‚¯
Android ã§ç”»åƒãªã—ã®å…‰æ²¢ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ | ã‚¢ã‚«ãƒ™ã‚³ãƒžã‚¤ãƒª
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ã€å…‰æ²¢ã®ã‚ã‚‹ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒã£ãŸãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã‚’ç”»åƒãªã—ã§ä½œæˆã—ã¦ã¿ã‚‹ã€‚ Android ã§ã¯ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®æç”»æ–¹æ³•ã‚’ drawable ãƒªã‚½ãƒ¼ã‚¹ã‹ã‚‰æŒ‡å®šã§ãã‚‹ã€‚ã“ã‚Œã¯ç”»åƒã¨ XML ã«å¤§åˆ¥ã§ãã‚‹ã€‚ ç”»åƒã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®è‡ªç”±åº¦ãŒé«˜ãç¾Žã—ã„ã®ã ãŒã€è§£åƒåº¦ ( ldpiã€mdpiã€hdpiã€â€¦etc ) ã¨å¼•ãå»¶ã°ã— ( è©³ã—ãã¯ Draw 9-patch ã‚’å‚ç…§ã®ã“ã¨ã€‚æœ‰å¿—ã«ã‚ˆã‚‹æ—¥æœ¬èªžè¨³ã¯ã“ã¡ã‚‰ ) ã‚’æ„è˜ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ ä¸€æ–¹ã€XML ã¯ãƒ‡ã‚¶ã‚¤ãƒ³æŒ‡å®šã®æ–¹æ³•ãŒã‹ãªã‚Šé™å®šã•ã‚Œã‚‹ãŸã‚ã€å¸Œæœ›ã©ãŠã‚Šã®æç”»çµæžœã‚’å¾—ã‚‹ã®ãŒé›£ã—ã„ã€‚ ã—ã‹ã— dp ( ã¾ãŸã¯ dipã€‚å¯†åº¦éžä¾å˜ãƒ”ã‚¯ã‚»ãƒ«ã€‚è©³ã—ãã¯ Supporting Multiple Screens ã‚’å‚ç…§ã®ã“ã¨ã€‚æœ‰å¿—ã«ã‚ˆã‚‹æ—¥æœ¬èªžè¨³ã¯ã“ã¡ã‚‰ ) ã«ã‚ˆã‚‹ã‚µã‚¤ã‚ºæŒ‡å®šã¨æ¨™æº–ã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹å½¢çŠ¶ãƒ»å¡—ã‚Šã¯è§£åƒåº¦ã«ä¾å˜ã—ãªã„ãŸã‚ã€æ§˜ã€…ãªç«¯æœ«
eriko315 2012/02/28
Android

UI

Button

xml
ãƒªãƒ³ã‚¯
9patchã‚’è¦šãˆã‚ˆã†ï¼ - æ˜Žæ—¥ã®éµï¼ˆè·¡åœ°ï¼‰
è§’ä¸¸ãŒç¶ºéº—ã«è¡¨ç¤ºã•ã‚Œãªã„ï¼ ãƒœã‚¿ãƒ³ã‚’ä½œã‚Šã¾ã—ãŸï¼ è§’ä¸¸ã®ãƒœã‚¿ãƒ³ã§ã™ã€‚ æ—©é€Ÿãƒœã‚¿ãƒ³ã®èƒŒæ™¯ã«è¨å®šã—ã¾ã—ãŸã€‚ ãªã‚“ã¦ã“ã£ãŸã„ è¨å®šã™ã‚‹ãƒœã‚¿ãƒ³ãŒå¤§ãã™ãŽã¦èƒŒæ™¯ç”»åƒãŒå¼•ãä¼¸ã°ã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ 9patchã‚’ä½¿ãŠã†ï¼ ãã“ã§9patchã®å‡ºç•ªã§ã™ã€‚ 9patchã¯ã€ç”»åƒã‚ˆã‚Šãƒ¢ãƒŽãŒå¤§ãã‹ã£ãŸå ´åˆï¼ˆä»Šå›žã¯ç”»åƒã‚ˆã‚Šãƒœã‚¿ãƒ³ãŒå¤§ãã‹ã£ãŸï¼‰ å¼•ãä¼¸ã°ã™éƒ¨åˆ†ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€ç”»åƒã®å´©ã‚Œã‚’ç„¡ãã™äº‹ãŒã§ãã‚‹ã®ã§ã™ï¼ Fireworksã§ã„ã†æ‰€ã®9ã‚¹ãƒ©ã‚¤ã‚¹ã¨ã„ã†æ©Ÿèƒ½ã«ä¼¼ã¦ã„ã¾ã™ã€‚ å…ˆã»ã©ã®ãƒœã‚¿ãƒ³ç”»åƒã«9patchã®å‡¦ç†ã‚’æ–½ã—ã¦ã¿ã¾ã™ã€‚ ã§ãã¾ã—ãŸï¼ ä¸Šå´ã¨å·¦å´ã«é»’ã„1ãƒ”ã‚¯ã‚»ãƒ«ãŒè¦‹ãˆã¾ã™ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã¡ã‚‡ã£ã¨æ‹¡å¤§ã—ã¾ã™ã€‚ æ‹¡å¤§ã—ãŸã®ã§ãƒœã‚±ã¦ã¾ã™ãŒã€ã“ã‚Œãªã‚‰åˆ†ã‹ã‚Šã¾ã™ãã€‚ 9patchã¯ä¸Šä¸‹å·¦å³ã«ã€ã‚¢ãƒ«ãƒ•ã‚¡ç„¡ã—ã®é»’(#000000)ã®å°ã‚’ä»˜ã‘ã‚‹ã“ã¨ã§ä¼¸ã°ã™éƒ¨åˆ†ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ä¸Šä¸‹å·¦å³ãã‚Œãžã‚Œæ„å‘³ãŒã‚ã‚Šã¾ã™ã€‚ ä¸Šã¨å·¦ã®å°ã¯å¿…
eriko315 2012/02/18
ãƒœã‚¿ãƒ³ã‚’å¼•ãå»¶ã°ã™ä»•çµ„ã¿9patchã®èª¬æ˜Žã€‚åˆ†ã‹ã‚Šã‚„ã™ã„ã€‚ã“ã‚Œã£ã¦Androidä»¥å¤–ã§ã‚‚å¿œç”¨ã§ãã‚‹ã®ã‹ãªã€‚

9patch

Android

Button

DesignMethod

UI
ãƒªãƒ³ã‚¯
æœ‰æ–™ã‹ã‚‰ç„¡æ–™ã«ãªã£ãŸCSS3ã«ã‚ˆã‚‹42ç¨®ã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªãƒœã‚¿ãƒ³ã‚»ãƒƒãƒˆã€ŒZocialã€
ã‚‚ã¨ã‚‚ã¨ã¯24ãƒ‰ãƒ«(ç´„1800å††)ã®æœ‰æ–™ã‚»ãƒƒãƒˆã ã£ãŸã®ã§ã™ãŒã€ä»Šã¯ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ãªã®ãŒã€ŒZocialã€ã§ã™ã€‚42ç¨®é¡žã®CSS3ã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚§ã‚¤ã‚¹(font-face)ã¨ã€ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã«ã‚ˆã£ã¦è‡ªç”±ãªã‚µã‚¤ã‚ºã§ã‚ãƒ¬ã‚¤ã«æç”»ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãƒœã‚¿ãƒ³ã®çµ„ã¿åˆã‚ã›ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Zocial ~ CSS3 Buttons, Sass Framework. http://zocialbuttons.com/ Zocial | CSS3 Button Set http://zocial.smcllns.com/ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã‚µã‚¤ãƒˆã®ã€ŒZIPã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°å¯èƒ½ã§ã™ã€‚ samcollins/css-social-buttons - GitHub https://github.com/samcollins/css-social-buttons/ ã‚µãƒ³ãƒ—ãƒ«ã¯ä»¥ä¸‹ã‹ã‚‰é–²è¦§å¯èƒ½ã€‚ Zocia
eriko315 2012/01/30
CSS

WebDesign

DesignMaterial

Button

Download
ãƒªãƒ³ã‚¯
freshgenerator.com
This domain may be for sale!
eriko315 2011/10/05
ãƒœã‚¿ãƒ³ã¨ã‹ä½œã‚Œã‚‹CSSã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

CSS

Generator

WebService

WebDesign

Button
ãƒªãƒ³ã‚¯
åŸºæœ¬ã«ç«‹ã¡è¿”ã‚‹ã€as3ã§ãƒœã‚¿ãƒ³å‡¦ç† | ä¼Šè—¤å•†åº—ã®è¦šæ›¸
ä¸€æ—¥ä¸€å•ã§ã¯ã„ã‚ã„ã‚ã¨æ›¸ã„ã¦ã‚‹ãŒã€3ãƒ¶æœˆã®ãƒ–ãƒ©ãƒ³ã‚¯ã¯éžå¸¸ã«é•·ã„ã€‚ ã¨ã„ã†ã“ã¨ã§ã€as3ã®åŸºæœ¬ã¨ã—ã¦ãƒœã‚¿ãƒ³å‡¦ç†ã‚’å¾©ç¿’ã™ã‚‹ã“ã¨ã«ã€‚ ã¨ã„ã†ã‹ã‚³ãƒ¼ãƒ‰æ›¸ã„ã¦çµ‚ã‚ã‚Šã€‚ [as3] bt_btn.buttonMode=true; //ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆç™»éŒ² bt_btn.addEventListener(MouseEvent.ROLL_OVER , over); function over(e:Event):void{ text_txt.text="ä¸Šã•ããŸ"; } //ãƒžã‚¦ã‚¹ã‚¢ã‚¦ãƒˆã‚¤ãƒ™ãƒ³ãƒˆç™»éŒ² bt_btn.addEventListener(MouseEvent.ROLL_OUT , out); function out(e:Event):void{ text_txt.text="ã„ãããªã£ãŸ"; } //ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆç™»éŒ² bt_btn.addEventListener(MouseEvent
eriko315 2011/09/08
AS3

Flash

ActionScript

Button
ãƒªãƒ³ã‚¯
Photoshop VIP â˜ž ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³å®Œå…¨ç‰ˆã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠããŸã„Photoshopç„¡æ–™PSDç´ æ60å€‹ã¾ã¨ã‚
Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã‚ˆãåˆ©ç”¨ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ãƒ¼ãƒ„ã®ã²ã¨ã¤ã€Œãƒœã‚¿ãƒ³ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ æµ·å¤–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°Web and Designersã§ã€ã“ã‚Œã¾ã§ã«ç´¹ä»‹ã—ãŸã“ã¨ã®ãªã„Photoshopç”¨ç„¡æ–™PSDãƒœã‚¿ãƒ³ç´ æã‚’60å€‹ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ60 Outstanding Free PSD Buttonsã€ãŒå…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ã€ä»Šå›žã¯ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å¤šãã®ç´ æã«è‰²é•ã„ã‚„å¤§ãã•ã«ã‚ˆã£ã¦è¤‡æ•°ã®ãƒœã‚¿ãƒ³ç´ æãŒåŽéŒ²ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠãã¨ä¾¿åˆ©ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã©ã‚Œã‚‚Photoshopç”¨PSDç´ æã‚’åŽéŒ²ã—ã¦ã„ã‚‹ã®ã§ã€è‡ªç”±ã«ãƒœã‚¿ãƒ³ã‚µã‚¤ã‚ºã€ãƒ†ã‚ã‚¹ãƒˆãªã©ã®å¤‰æ›´ã‚‚è¡Œã†ã“ã¨ãŒã§ãä¾¿åˆ©ã§ã™ã‚ˆã€‚ è©³ç´°ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠããŸã„Photoshopç”¨PSDãƒœã‚¿ãƒ³ç´ æã¾ã¨ã‚ Follow Buttons 3è‰²ã®ç•°ãªã‚‹è‰²ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒƒãƒˆã€ãã‚Œãžã‚Œé€šå¸¸æ™‚ã€ãƒ›ãƒãƒ¼æ™‚ã€ã‚¢ã‚¯ãƒ†ã‚£ãƒ–æ™‚ã®3ç¨®é¡žãšã¤ç”¨æ„
eriko315 2011/07/13
DesignMaterial

Photoshop

Button
ãƒªãƒ³ã‚¯
CSSã§ãƒœã‚¿ãƒ³ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã€1ã€‘ï¼šCSS 3åˆ†ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
CSSï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼‰ã®è‰²ã€…ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„çŸ¥è˜ã‚’ç´¹ä»‹ã—ã¦ã„ãã€ŒCSS 3åˆ†ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã™ã€‚ ã¯ã˜ã¾ã‚Šã¯ã˜ã¾ã‚Šã€‚ ä»Šå›žã®ãƒ†ãƒ¼ãƒžï¼šCSSã§ãƒœã‚¿ãƒ³ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã€1ã€‘ ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’é‡ããŸã¨ãã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¤‰ã‚ã‚‹ãƒœã‚¿ãƒ³ã‚’CSSã ã‘ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ :hoverç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã¨background-imageã‚’ä½¿ã„ã¾ã™ã€‚CSSã®åŸºç¤ŽçŸ¥è˜ãŒã‚ã‚‹æ–¹ã‚„CSSè¬›åº§ã‚’å—ã‘ã¦ã„ãŸã ã„ãŸæ–¹ãªã‚‰ã•ãã£ã¨ãŠæ°—ä»˜ãã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚å…ˆæ—¥ã®è¬›åº§ã§ã‚‚ã”è³ªå•ã„ãŸã ã„ãŸã®ã§æ”¹ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã€æ ¹æœ¬ã®ç™ºæƒ³ã¯ã€Œãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ãŒé‡ãªã£ãŸã¨ãã«background-imageã§ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€‚ã€ã‚ã‘ã§ã™ãŒã€ã€Œåˆ¥ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã€ã§ã¯ãªãã€ã€ŒåŒã˜ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã€ã‚’ä½¿ã„ã¾ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¯ã€èƒŒæ™¯ç”»åƒã‚’ãšã‚‰ã™ï¼ã§ã™ã€‚ ã“ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ <ul> <li
eriko315 2011/06/18
CSS

WebDesign

Button
ãƒªãƒ³ã‚¯
css ã§è§’ä¸¸ã«ã™ã‚‹ã¨ãã® chrome ã¨ safari ã§ã®æ›¸ãæ–¹ã®æ³¨æ„ | ãƒžãƒãƒ€ã®ç§˜å¯†ãƒŽãƒ¼ãƒˆ
eriko315 2011/06/18
CSS

WebDesign

Button

Chrome

Safari
ãƒªãƒ³ã‚¯
ã¤ãã‚‹ã¶ã‚¬ã‚¤ãƒ‰ãƒ–ãƒã‚°: CSSãƒœã‚¿ãƒ³ã‚ã‚Œã“ã‚Œ
ã“ã‚“ã«ã¡ã¯ã€HTML+CSSæ‹…å½“ã®å°æ£®ã§ã™ã€‚ Webã‚µãƒ¼ãƒ“ã‚¹ã¯ã€ãƒ¦ãƒ¼ã‚¶ã«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã—ã¦ã‚‚ã‚‰ã£ã¦ãƒŠãƒ³ãƒœã€‚ãƒœã‚¿ãƒ³ã¯ã€æŠ¼ã•ã‚Œã¦ãƒŠãƒ³ãƒœã€‚ ã¨ã„ã†ã“ã¨ã§ä»Šæ—¥ã®ãŠé¡Œã¯ã€Webã‚µãƒ¼ãƒ“ã‚¹ã«ã¯æ¬ ã‹ã›ãªã„ã€ã€Œãƒœã‚¿ãƒ³ã€ã§ã™ã€‚ ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰ãˆã‚‹ã®ã«ä¸€ç•ªãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªã®ã¯ã€ã„ã‚ã‚†ã‚‹ã€Œã‚¤ãƒ¡ãƒ¼ã‚¸ãƒœã‚¿ãƒ³ï¼ˆ<input type="image" />ï¼‰ã€ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ã™ã‚ˆãã€‚ ä»Šå›žã¯ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒœã‚¿ãƒ³ã§ã¯ãªãã€ãŸã¨ãˆã°ã“ã‚“ãªãƒ—ãƒ¬ãƒ¼ãƒ³ãªinputãƒœã‚¿ãƒ³ã‚’ã€CSSã®çµ„ã¿åˆã‚ã›ã§ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã™ã‚‹ã¨ã“ã‚ã‹ã‚‰ã¯ã˜ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSSã ã‘ã§ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ ã¾ãšã¯ã€ã“ã®ã‚·ãƒ³ãƒ—ãƒ«ãªãƒœã‚¿ãƒ³ã®HTMLã‚’ç”¨æ„ã—ã¾ã™ã€‚ã€Œbuttonã€ã¨ã„ã†classã‚’ã¤ã‘ã¦ãŠãã¾ã™ã€‚ <input type="submit" name="search" value="æ¤œç´¢" class="button" / > ç”»åƒã‚’ä½¿ã‚ãšã€CSSã®èƒŒæ™¯ã¨bor
eriko315 2011/06/18
CSS

WebDesign

Button
ãƒªãƒ³ã‚¯
Gradient Button CSS: Create Stunning Effects
Not long ago, I delved into the realm of CSS cross-browser gradients, and just last week, I revisited the topic, delving once more into the world of CSS3 gradients. Now, you might be wondering, whatâ€™s on the agenda for today? Well, todayâ€™s agenda involves unveiling a practical application for the CSS gradient prowess. Within the confines of this piece, youâ€™ll be privy to the art of employing CSS g
eriko315 2011/06/18
CSS

WebDesign

Button
ãƒªãƒ³ã‚¯
[CSS]ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã€CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ã®å®Ÿç”¨çš„ãªå®Ÿè£…æ–¹æ³•
IE6, 7, 8ã‚’å«ã‚ãŸã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ãŸã€ç”»åƒã‚’ä½¿ç”¨ã›ãšã«CSSã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é©ç”¨ã—ãŸãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹å®Ÿç”¨çš„ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Cross-browser CSS gradient buttons ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ãƒœã‚¿ãƒ³ã«ã¯border-radius, box-shadow, text-shadowãªã©CSS3ãŒãµã‚“ã ã‚“ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¯IEã§ã‚‚é©ç”¨ã•ã‚Œã¾ã™ã€‚ ãƒ›ãƒãƒ¼æ™‚ã®ã‚ãƒ£ãƒ—ãƒãƒ£ å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆ ã‚¹ã‚±ãƒ©ï½°ãƒ“ãƒªãƒ†ã‚£ æ–‡å—ã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã¨ãƒœã‚¿ãƒ³ã®ã‚µã‚¤ã‚ºã‚‚ãã‚Œã«åˆã‚ã›ã¦æ‹¡å¤§ãƒ»ç¸®å° ã‚¢ã‚¸ãƒ£ã‚¹ã‚¿ãƒ“ãƒªãƒ†ã‚£ padding, font-sizeã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã‚µã‚¤ã‚ºèª¿æ•´å¯èƒ½ ãƒ•ãƒ¬ã‚ã‚·ãƒ“ãƒªãƒ†ã‚£ ã‚ã‚‰ã‚†ã‚‹HTMLè¦ç´ ã«é©ç”¨å¯èƒ½ ã‚³ãƒ³ãƒ‘ãƒãƒ“ãƒªãƒ†ã‚£ ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã«å„ªé›…ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾› ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ ãƒŽãƒ¼ãƒžãƒ«æ™‚ã€ãƒ›ãƒãƒ¼æ™‚ã€ã‚¢ã‚¯ãƒ†ã‚£ãƒ–æ™‚ã‚’ç”¨
eriko315 2011/06/18
ç”»åƒä½¿ã‚ãªãã¦ã‚‚CSSã ã‘ã§ãƒœã‚¿ãƒ³ä½œã‚Œã‚‹ã‚“ã‹â€¦

CSS

Button

WebDesign
ãƒªãƒ³ã‚¯
House of Buttons
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Â Submissions welcome.
eriko315 2010/06/16
ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚

DesignMaterial

DesignMethod

UI

Button

InterfaseDesign

Add-up
ãƒªãƒ³ã‚¯
1