[B! ãƒœã‚¿ãƒ³] dog_smileã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

dog_smile id:dog_smile

ãƒœã‚¿ãƒ³ã«é–¢ã™ã‚‹dog_smileã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

æ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸæ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€ã›ã£ã‹ãã§ã™ã—ä½œã‚Šæ–¹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãŠå½¹ã«ç«‹ã¦ã°ã†ã‚Œã—ã„ã§ã™ã€‚ ã€è¿½è¨˜ã€€2014.03.19ã€‘ å…ƒã€…ã®ã‚¿ã‚¤ãƒˆãƒ«ã¯ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸæ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹ã€ã§ã—ãŸãŒã€ã‚ˆãè€ƒãˆã‚‹ã¨ã‚¹ãƒžãƒ›å¯¾å¿œã«ãªã£ãŸã‚‰ç¸¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãªã‚Šã¾ã™ã®ã§ã‚¿ã‚¤ãƒˆãƒ«ã‚’å¤‰æ›´ã—ã¾ã—ãŸã€‚ idåã€Œtoggleã€ã®éƒ¨åˆ†ã¯æ¨ªå¹…ãŒ480pxä»¥ä¸‹ã®å ´åˆã«è¡¨ç¤ºã™ã‚‹ãƒœã‚¿ãƒ³ã§ã™ã€‚481pxä»¥ä¸Šã®å ´åˆè¡¨ç¤ºã•ã›ã¾ã›ã‚“ã€‚ãã®ä»–ã¯ã”ãæ™®é€šã®æ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ CSS ç¶šã„ã¦CSSã§ã™ã€‚ã¾ãšã¯å…¨ä½“ã‚’è¼‰ã›ã¾ã™ã€‚ #menu{ width: 100%; max-width: 960px; margin: 0 auto; padding: 0; } #menu li{ display: block; float: left; width: 12.5%; margin: 0; paddi
dog_smile 2014/03/19
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ãƒœã‚¿ãƒ³

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

ãŠå½¹ç«‹ã¡
ãƒªãƒ³ã‚¯
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ãƒ›ãƒãƒ¼ã®12ç¨®é¡žã®ã‹ã‚ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
12 fancy buttons ãƒ‡ãƒ¢ã¯Chrome, Safari, Firefoxãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„ã€‚ 12ç¨®é¡žã®ä¸ã‹ã‚‰ã€ç‰¹ã«æ°—ã«å…¥ã£ãŸã‚‚ã®ã‚’ä¸‹è¨˜ã«ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ â€»å„CSSã¯ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ç®‡æ‰€ã®ã¿ã§ã€ãƒ™ãƒ³ãƒ€ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯çœç•¥ã—ã¦ã„ã¾ã™ã€‚ demo 4 ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ã€ä¸Šã‹ã‚‰ãƒ‘ã‚¿ãƒƒã¨ãªã‚Šã¾ã™ã€‚ .b04_3d_tick { perspective: 500px; perspective-origin: center top; } .b04_3d_tick div { position: absolute; text-align: center; width: 100%; height: 50px; box-sizing: border-box; padding: 10px; border: #000000 solid 1px; } .b04_
dog_smile 2013/06/20
css

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

ãƒœã‚¿ãƒ³

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
é¢å€’ãªã‚·ãƒ£ãƒ‰ã‚¦ã‚‚ã‚°ãƒ©ãƒ‡ã‚‚ç°¡å˜ã«ä½œæˆã§ãã‚‹CSS3ã®ãƒœã‚¿ãƒ³ã‚’ä½œæˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -CSS Button Generator
ãƒœã‚¿ãƒ³ã®ã‚«ãƒ©ãƒ¼ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’ä¸¸ã€ãƒ–ãƒ©ãƒ¼ã€ãƒ†ã‚ã‚¹ãƒˆã‚·ãƒ£ãƒ‰ã‚¦ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãªã©ã€ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç°¡å˜ã«é©ç”¨ã§ãã‚‹CSS3ã®ãƒœã‚¿ãƒ³ã‚’ä½œæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
dog_smile 2013/01/16
ãƒœã‚¿ãƒ³

CSS3

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼
ãƒªãƒ³ã‚¯
[JS]è¶…è»½é‡ã§è¨ç½®ã‚‚ç°¡å˜ï¼Facebook, Twitter, Google+ã®ãƒœã‚¿ãƒ³ã‚’è¨ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -SocialCount
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šã‚«ã‚¦ãƒ³ãƒˆä»˜ãã§ç¸¦ä¸¦ã³ SocialCountã®ä½¿ã„æ–¹ ä½¿ã„æ–¹ã®ã‚¹ãƒ†ãƒƒãƒ—ã¯ã€2ã¤ã€‚ ã“ã‚Œä»¥ä¸Šãªã„ãã‚‰ã„ã«ç°¡å˜ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨ç½®ã—ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«ã€‚ <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½¿ç”¨ã™ã‚‹å ´åˆã¯ã€ã‚‚ã†ä¸€ã¤å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆsocialcount-icons.cssï¼‰ã‚’åŠ ãˆã¾ã™ã€‚ ç¶šã„ã¦ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ãƒšãƒ¼ã‚¸ã®ä¸‹ã®</body>ã®ä¸Šã«ã€‚ ... <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="../src/socialcount.js"></script> </bod
dog_smile 2012/11/30
Facebook

ãƒœã‚¿ãƒ³

ã‚½ãƒ¼ã‚·ãƒ£ãƒ«

Webåˆ¶ä½œ

javascript

jquery
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
dog_smile 2012/08/21
css

ãƒœã‚¿ãƒ³

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ä½¿ã„ã‚„ã™ã„ã€ç¾Žã—ã„CSS3ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒœã‚¿ãƒ³ãŒç°¡å˜ã«ä½œæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« -CssGradientButton
ãƒ‘ãƒãƒ«å³ï¼šã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚·ãƒ£ãƒ‰ã‚¦ãªã©ã®ç·¨é›† ä½œæˆãŒå®Œäº†ã—ãŸã‚‰ã€ã‚³ãƒ¼ãƒ‰ã‚’ä¸‹éƒ¨ã«ç”Ÿæˆã•ã‚Œã¾ã™ã€‚ ç”Ÿæˆã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ <!DOCTYPE html><html><head> <style type="text/css"> .button_example{ border:solid 1px #819bcb; -webkit-border-radius: 3px;width:150px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center;
dog_smile 2012/04/25
CSS

ãƒœã‚¿ãƒ³
ãƒªãƒ³ã‚¯
1