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

Cherenkov id:Cherenkov

css3ã¨htmlã«é–¢ã™ã‚‹Cherenkovã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

textarea ã®ãƒªã‚µã‚¤ã‚ºæ©Ÿèƒ½ã‚’æ¢ã‚ã¦ã¿ã‚‹
Firefoxã‚„ã€Google Chromeã€Safariè¾ºã‚Šã§ã„ã¤ã®é–“ã«ã‚„ã‚‰å®Ÿè£…ã•ã‚ŒãŸã€textarea ã®ãƒªã‚µã‚¤ã‚ºæ©Ÿèƒ½ã¯ã¨ã¦ã‚‚ä¾¿åˆ©ã§è‰¯ã„ãªãƒ¼ã¨ã¯æ€ã£ã¦ã¾ã™ãŒã€æ¢ã‚ãŸã„æ™‚ã‚‚æœ‰ã‚Šã¾ã™ã‚ˆãã€‚ ãªã®ã§ã€æ¢ã‚ã‚‹æ–¹æ³•ã‚’ã€‚ CSS3ã«ãã‚Œã£ã½ã„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒæœ‰ã‚‹ã®ã§ã€1è¡Œæ›¸ãã ã‘ã§ã™ã€‚ textarea { resize: none; } ã“ã‚“ãªæ„Ÿã˜ã§ã™ãã€‚ ã“ã‚Œã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼å´ã§è¦ç´ ã®ãƒªã‚µã‚¤ã‚ºæ©Ÿèƒ½ã‚’è¨±å¯ã™ã‚‹ã‹ã—ãªã„ã‹ã£ã¦ãƒ—ãƒãƒ‘ãƒ†ã‚£ãªã®ã§ã€åˆ¥ã«textareaã«é™ã‚‰ãšã€overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ãŒvisibleä»¥å¤–ã®æŒ‡å®šãŒæœ‰ã‚‹å ´åˆã«ä½¿ã£ã¦ã„ã‘ã‚‹æ„Ÿã˜ã§ã™ã€‚ ã“ã‚Œã ã‘ã ã¨ã€å¯‚ã—ã„ã®ã§ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã£ã½ãã™ã‚‹ãŸã‚ã«ã€‚ textareaä»¥å¤–ã«ä½¿ã†ã¨ã—ãŸã‚‰ã€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®æ–°ç€æƒ…å ±ã¿ãŸã„ãªã®ã§æ™‚ã€…è¦‹ã‚‹ã€é«˜ã•å›ºå®šã—ã¦ overflow: auto; ã¨ã‹ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼å‡ºã—ã¦ã‚‹å ´åˆã¨ã‹ã«ä½¿ã£ã¦ã„ã‘ã°ãƒ¦ãƒ¼ã‚¶ãƒ¼å´ã§ãƒªã‚µã‚¤
Cherenkov 2012/11/16
CSS3

textarea

Tips

html
ãƒªãƒ³ã‚¯
javascriptåˆå¿ƒè€…ã§ã™ã€‚ ä¸‹è¨˜ã®è¦ä»¶ã§ã€å®Ÿè£…ã®ã‚³ãƒ¼ãƒ‰ã‚’æ•™ãˆã¦ä¸‹ã•ã„ã€‚â€¦
javascriptåˆå¿ƒè€…ã§ã™ã€‚ ä¸‹è¨˜ã®è¦ä»¶ã§ã€å®Ÿè£…ã®ã‚³ãƒ¼ãƒ‰ã‚’æ•™ãˆã¦ä¸‹ã•ã„ã€‚ ã€è¦ä»¶ã€‘ â‘ ï¼”ã¤ã®ãƒœã‚¿ãƒ³ãŒã‚ã‚Šã€ã©ã‚Œã‹ä¸€ã¤ã‚’é¸æŠžå¯èƒ½ã€‚é¸æŠžã™ã‚‹ã¨é¸æŠžã•ã‚ŒãŸç”»åƒã«ãªã‚‹ (http://agtsmartphonedesign.com/300/ ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã®ä¸Šã®æ–¹ã«ã‚ã‚‹ ã€ŒTOPã€ã€Œã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã€ã€Œãƒ©ãƒ³ã‚ãƒ³ã‚°ã€ã€‚ã€‚ã€‚ã®ã‚ˆã†ãªãƒœã‚¿ãƒ³ã§ã™ï¼‰ â‘¡é¸æŠžã•ã‚ŒãŸãƒœã‚¿ãƒ³ã¯<select name="hoge">å†…ã§å„ã€…ã®å€¤ã‚’æŒã¤ã€‚ â‘¢iphoneã§ã®å®Ÿè£…ã‚’æƒ³å®š â‘£html javascriptã§å®Ÿè£… èª¬æ˜ŽãŒæ˜Žç¢ºã§ã¯ãªãç”³ã—è¨³ãªã„ã®ã§ã™ãŒã€è³ªå•ã®æ„å›³ã€ã”ç†è§£é ‚ã‘ã‚‹æ–¹ã„ã¾ã—ãŸã‚‰ ã”å›žç”å®œã—ããŠé¡˜ã„ã—ã¾ã™ã€‚
Cherenkov 2011/08/12
background select input èƒŒæ™¯ é€éŽ é€æ˜Ž ã‚¿ãƒ– é¸æŠž

html

css3

webdesign
ãƒªãƒ³ã‚¯
The Shapes of CSS | CSS-Tricks
CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into circles and ovals. We also get the ::before and ::after pseudo-elements in CSS, which give us the potential
Cherenkov 2011/05/26
ä¸¸ å››è§’ ä¸‰è§’ æ˜Ÿ

css3

HTML

å›³å½¢

browser

demo
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã—ãŸã„ CSSã§ä½œã‚‹hã‚¿ã‚°ã®ã‚µãƒ³ãƒ—ãƒ«é›† | æ—¥åˆŠã‚¦ã‚§ãƒ–ãƒã‚°å¼
ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚„ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«ãªã©ã§ä½¿ãˆã‚‹ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªè¦‹å‡ºã—ï¼ˆhã‚¿ã‚°ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚è¦‹å‡ºã—ã«ã¯CSS3ã‚„ç”»åƒã‚’ä½¿ã£ã¦ã„ãªã„ã®ã§ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã€ä¸€å¿œã‚ˆãä½¿ã†ã®ã§ã€ãƒ¡ãƒ¢ã¨ã—ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠãã¾ã—ãŸã€‚ â€»è¿½è¨˜6/24 HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’pã‹ã‚‰h3ã«ç½®ãæ›ãˆã¾ã—ãŸã€‚ è¦‹å‡ºã—(Headline)ã®ã‚µãƒ³ãƒ—ãƒ«é›† è‰²ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã‚µã‚¤ã‚ºç‰ã®è£…é£¾éƒ¨åˆ†ã¯ ãŠå¥½ã¿ã§ç·¨é›†ã—ã¦ãã ã•ã„ã€‚ è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«03 .selector03{ bor
Cherenkov 2010/06/13
webdesign

HTML

CSS3

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1