[B! css3] ton__tonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ton__ton id:ton__ton

css3ã«é–¢ã™ã‚‹ton__tonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI
HTML5+CSS3+JavaScriptã§åˆ¶ä½œã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Chico UI [ad#ad-2] Chico UIã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€ååˆ†ã§ã—ã‚‡ã†ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã€ãã®å‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚°ãƒªãƒƒãƒ‰ã‹ã‚‰ã€‚
ton__ton 2012/03/02
javascript

UI

css3

html5
ãƒªãƒ³ã‚¯
HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ å€‹äººçš„ã«ä»•äº‹ã®å¤§åŠã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ãªã®ã§ã€ æœ€è¿‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã»ã¨ã‚“ã©å…¨ã¦HTML5+CSS3ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€PCå‘ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã¾ã ã¾ã HTML4.01ã€XHTML1.0ã€CSS2.1ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€ä»Šå›žã¯HTML5+CSS3ã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦ã€å½¹ç«‹ã¤ã¨æ€ã†7ã¤ã®è¨å®šã«ã¤ã„ã¦ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼‘ï¼ŽHTML5ã®åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ¡ˆ <!DOCTYPEÂ html> <html> <head> <metaÂ charset=utf-8Â /> <title>HTML5Â åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ</title>  <linkÂ rel="stylesheet"Â media="screen"Â href="reset.css"Â />  <metaÂ nam
ton__ton 2011/10/21
HTML5

css3
ãƒªãƒ³ã‚¯
[CSS]ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„GitHubé¢¨ã®ãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
GitHubã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„ãƒœã‚¿ãƒ³ã‚’classã®æŒ‡å®šã ã‘ã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 GitHub Buttons [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ãƒœã‚¿ãƒ³ã®æ–‡è¨€ã‚’æ—¥æœ¬èªžã«ã—ã€ã‚·ãƒ³ãƒ—ãƒ«ã—ãŸã‚‚ã®ã‚’ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆå½“æ–¹æ—¥æœ¬èªžåŒ–ï¼‰ æ™®é€šã®ãƒœã‚¿ãƒ³ æ³¨æ„ã‚’ä¿ƒã™ãƒœã‚¿ãƒ³ å¤§ãã„ãƒœã‚¿ãƒ³ ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã—ãŸãƒœã‚¿ãƒ³ ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã—ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ãŸãƒœã‚¿ãƒ³ ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä¼´ã£ãŸãƒœã‚¿ãƒ³ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ æ™®é€šã®ãƒœã‚¿ãƒ³ æ™®é€šã®ãƒœã‚¿ãƒ³ã¯ã€aè¦ç´ ã€buttonè¦ç´ ã€inputè¦ç´ ãªã©ã‚ã‚‰ã‚†ã‚‹è¦ç´ ã§ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ãŸã‚ã«ã¯ã€ã€Œclass="button"ã€ã‚’åŠ ãˆã‚‹ã ã‘ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆå½“æ–¹æ—¥æœ¬èªžåŒ–ï¼‰ <a href="#" class="button">Post comment</a> <input class="
ton__ton 2011/06/24
css3

CSS
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

css3ã«é–¢ã™ã‚‹ton__tonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

css3ã«é–¢ã™ã‚‹ton__tonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ™‚é–“ã‚’å¤§å¹…ã«çŸ­ç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI

HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨­å®š

[CSS]ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„GitHubé¢¨ã®ãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

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

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

css3ã«é–¢ã™ã‚‹ton__tonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI

HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š

[CSS]ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„GitHubé¢¨ã®ãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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