[B! CSS] dobocchoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

doboccho id:doboccho

CSSã«é–¢ã™ã‚‹dobocchoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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ã‚·ã‚¹ãƒ†ãƒ ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é«˜é€ŸåŒ–ã§æœ€åˆã«ã‚„ã‚‹ã¹ãã“ã¨ - ã‹ã¿ã‚„ã‚“ã®æŠ€è¡“è€…ãƒ–ãƒã‚°
å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€Dartã®æ¬¡ã¯ã€TypeScriptã‚’æ¤œè¨¼ã™ã‚‹ã€‚ã¨æ›¸ã„ãŸã‘ã©ã€ãªãœã‹è‡ªåˆ†ã®PCã§ã¯ã€VisualStudio for Webã«TypeScriptã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ããªã‹ã£ãŸã®ã§ã€TypeScriptã‚’ä½¿ã†ã“ã¨ã‚’è«¦ã‚ã¾ã—ãŸã€‚ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã¯ã§ããŸã‘ã©ã€ãã‚Œã§ã¯åž‹ä»˜ã‘è¨€èªžã®ãƒ¡ãƒªãƒƒãƒˆã§ã‚ã‚‹IDEã«ã‚ˆã‚‹è£œå®Œã‚„å‚ç…§æ¤œç´¢ã‚„ãƒªãƒãƒ¼ãƒ ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ãŒåŠ¹ã‹ãªã„ã®ã§ã€‚ã¡ãªã¿ã«ãƒ—ãƒã‚°ãƒ©ãƒžã®PCã§ã¯ã‚ã£ã•ã‚Šã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ããŸã¨ã®ã“ã¨ã€‚ãŒã£ãã‚Šã€‚ ã¨ã„ã†ã‚ã‘ã§ã€Dartã‚’å®Ÿæˆ¦æŠ•å…¥ã™ã‚‹ã“ã¨ã‚’æ±ºå®šã—ã¦Dartã§é–‹ç™ºã‚’ã—ã¦ã„ã¾ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é«˜é€ŸåŒ–ã®Expiresãƒ˜ãƒƒãƒ€ ã•ã¦ã€ä»Šæ—¥ã®æœ¬é¡Œã€‚Webã‚·ã‚¹ãƒ†ãƒ ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é«˜é€ŸåŒ–ã®ãŠè©±ã§ã™ã€‚Webã‚·ã‚¹ãƒ†ãƒ ã®é€Ÿåº¦ã®å¤§ããªãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã¨ã—ã¦DBè² è·ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶å´ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’é«˜é€ŸåŒ–ã™ã‚‹è©±ã¨ã—ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é«˜é€ŸåŒ–ãŒã‚ã‚Š
doboccho 2013/02/18
CSS

ã‚ãƒ£ãƒƒã‚·ãƒ¥

é«˜é€ŸåŒ–
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
doboccho 2012/08/21
bootstrap

Twitter

css
ãƒªãƒ³ã‚¯
Twitter Bootstrapã§ã•ãã•ãWebé–‹ç™º : ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°
æ–°å¹´åº¦ã§ã™ï¼ æ–°å…¥å¦ã€æ–°å…¥ç¤¾ã‚’è¿Žãˆã‚‹ã¿ãªã•ã‚“ã€ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã¿ãªã•ã‚“ãŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã¨ãã€ä¸€ç•ªæ‚©ã‚€ã®ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã‚«ãƒƒã‚³ã‚ˆãã£ã¦çµ±ä¸€çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã»ã—ã„ï¼ã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãªã„ã—â€¦å®Ÿã¯ç§ã‚‚ãã†ã§ã—ãŸã€‚ ã§ã™ãŒã€2æœˆã«ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸTwitter Bootstrapã‚’ä½¿ã†ã¨ã€ç°¡å˜ã«ã‚«ãƒƒã‚³ã„ã„ã‚µã‚¤ãƒˆãŒä½œã‚Œã¾ã™ï¼ Twitter Bootstrapã¨ã¯ãªã«ã‹ Twitter Bootstrap CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ Webä¸Šã«ä½¿ã£ã¦ã¿ãŸï¼ã‚¹ã‚²ãƒ¼ï¼ç‰ã€ãŸãã•ã‚“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒå˜åœ¨ã—ã¦ã„ã¾ã™ãŒã€ä¸ã«ã¯2æœˆä»¥å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³(v1.4)ã«ã¤ã„ã¦è¨€åŠã—ã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã®ã§ã€2ç³»ã‚’ä½¿ã†æ–¹ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é•ã„ã«æ°—ã‚’ã¤ã‘ã¦ä¸‹ã•ã„ï¼ˆã‚¯ãƒ©ã‚¹åãªã©çµæ§‹ã‚¬ãƒ©ã£ã¨å¤‰ã‚ã£ã¦ã„ã¾ã™ï¼‰ã€‚ ä»Šå›žã”èª¬æ˜Žã—ã¦ã„ã‚‹ã®ã¯ã€Twitter Bootstrap 2ã«
doboccho 2012/04/03
js

Twitter

CSS

bootstrap
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰Twitter Bootstrapã‚’ã¯ã˜ã‚ã‚‹äººã®ãŸã‚ã®ã‚¨ãƒ³ãƒˆãƒªã¾ã¨ã‚ - å°ã•ã„é ƒã¯ã‚¨ãƒ©å‘¼å¸
ã¯ã˜ã‚ã« ä»Šã€Twitter BootstrapãŒä¸€éƒ¨ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§äººæ°—ã§ã™ã€‚ Twitter Bootstrapã¯Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¾—æ„ã§ã¯ãªã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã«Twitterç¤¾ãŒé–‹ç™ºï¼æä¾›ã™ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã“ã®Twitter Bootstrapã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ç°¡å˜ã«Twitterã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®Webã‚µã‚¤ãƒˆã‚’ä½œæˆã§ãã¾ã™ã€‚ ãã“ã§ã€ã“ã‚Œã‹ã‚‰Twitter Bootstrapã‚’ã¯ã˜ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã†ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®äººãŸã¡å‘ã‘ã«ã€å½¹ç«‹ã¤è¨˜äº‹ã®æ•°ã€…ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ã“ã†ã¨æ€ã£ãŸãã£ã‹ã‘ã¯ã€ä»¥ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã—ãŸã€‚ã¨ã¦ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãã€ã¯ã˜ã‚ã¦çŸ¥ã‚‹ã‚ˆã†ãªã‚µãƒ¼ãƒ“ã‚¹ãªã©ã‚‚ç¶²ç¾…ã•ã‚Œã¦ãŠã‚Šã€ã¨ã¦ã‚‚å‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚ Twitter bootstrapå…¥é–€ #twtr_hack jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³å¾¹åº•æ´»ç”¨ ãƒ—ãƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ã‚¤ãƒ‡ã‚¢ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯posted with amazlet at
doboccho 2012/03/29
Twitter

HTML5

css
ãƒªãƒ³ã‚¯
Bootstrap from Twitter ver1.3.0ã®ä½¿ã„æ–¹ã‚’æ—¥æœ¬èªžè§£èª¬ã—ã¦ç°¡å˜css (web)ãƒ‡ã‚¶ã‚¤ãƒ³ - end0tknr's kipple - webå†™çµŒé–‹ç™º
ã“ã®è§£èª¬ãƒšãƒ¼ã‚¸ç¾¤ã®ç›®æ¬¡ url ãƒˆãƒƒãƒ—(ã“ã®ãƒšãƒ¼ã‚¸ã§ã™) bootstrapã®æ¦‚è¦ã€Œç‰ã€ å…¥æ‰‹ã¨è¨ç½®(install) http://d.hatena.ne.jp/end0tknr/20111016/1318730072 ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ http://d.hatena.ne.jp/end0tknr/20111016/1318731266 (å›ºå®š/å¯å¤‰)ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ http://d.hatena.ne.jp/end0tknr/20111016/1318732238 ãƒ†ã‚ã‚¹ãƒˆ(ï¾ï½¯ï¾€ï¾ž, ï¾˜ï½½ï¾„, ï½²ï¾ï¾—ï½²ï¾ï¾—ï¾ï¾žï¾™) http://d.hatena.ne.jp/end0tknr/20111016/1318750736 ãƒ†ãƒ¼ãƒ–ãƒ« http://d.hatena.ne.jp/end0tknr/20111016/1318777018 ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒœã‚¿ãƒ³ http://d.hatena.ne.jp/
doboccho 2012/03/24
jquery

CSS

Twitter
ãƒªãƒ³ã‚¯
CSSã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ãã“ã¨ãŒã§ãã‚‹LESSä½¿ã£ã¦ã¿ãŸ
CSSã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ãã“ã¨ãŒã§ãã‚‹LESSä½¿ã£ã¦ã¿ãŸ CSSã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã§ã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„è¨€èªžã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãã®åˆ†ã‚µã‚¤ãƒˆãŒè‚¥å¤§åŒ–ã—ã¦ã„ãã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ãŒæ‚ªããªã‚Šã¾ã™ãã€‚ LESSã‚’ä½¿ãˆã°ãƒ—ãƒã‚°ãƒ©ãƒ çš„ãªæ›¸ãæ–¹ãŒã§ãã‚‹ã®ã§ã€ãƒ ãƒ€ãªãåŠ¹çŽ‡çš„ã«ç®¡ç†ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ æŠ•ç¨¿æ—¥2011å¹´12æœˆ13æ—¥ æ›´æ–°æ—¥2011å¹´12æœˆ13æ—¥ ãƒã‚¹ãƒˆï¼ˆéšŽå±¤ï¼‰åŒ–ã§ãã‚‹ ãŸã¨ãˆã°ã“ã‚“ãªCSSãŒã‚ã‚Šã¾ã™ã€‚ css div.section { width: 500px; margin: 0 auto; border: solid 1px #999; padding: 1px; } div.section h3 { background: #999; font-size: 131%; padding: 10px; } div.section h3 a { color: #fff; } div.section h3 a
doboccho 2011/12/25
CSS
ãƒªãƒ³ã‚¯
ãœã²çŸ¥ã£ã¦ãŠããŸã„20ã®CSSå°æŠ€é›†ï½œWebpark
color: red; /* å…¨ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ */ color : greenÂ¥9; /* IE8 ã¨ãã‚Œä»¥ä¸‹ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«å¯¾å¿œ */ *color : yellow; /* IE7 ã¨ãã‚Œä»¥ä¸‹ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«å¯¾å¿œ */ _color : orange; /* IE6ã€€ã«å¯¾å¿œ */ ã“ã®å ´åˆã€IE9ã ã¨èµ¤ã«ã€IE8ã ã¨ç·‘ã«ã€IE7ã ã¨é»„è‰²ã«ã€IE6ã ã¨ã‚ªãƒ¬ãƒ³ã‚¸ã«ãªã‚Šã¾ã™ã€‚CSSãƒãƒƒã‚¯ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã“ã‚Œã ã‘ã§ã‚‚çµæ§‹ä½¿ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ 3. æœ€åˆã®è¡Œã«ã ã‘ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹
doboccho 2011/03/08
CSS
ãƒªãƒ³ã‚¯
1