[B! è€ƒãˆæ–¹][css] yadokari23ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yadokari23 id:yadokari23

è€ƒãˆæ–¹ã¨cssã«é–¢ã™ã‚‹yadokari23ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

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

Takazudolog - OOCSSã¨Sass
CSS Preprocessor Advent Calendar 2012ã®10æ—¥ç›®ã€@Takazudoã§ã™ã€‚ åƒ•ã¯SassãŒå¥½ãã§ã™ã€‚ãªãœãªã‚‰Sassã«ã¯extendãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ãã®ç†ç”±ã‚’ã€ç¤¾å†…å‹‰å¼·ä¼šã§ç™ºè¡¨ã—ãŸã€ä»¥ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§è©±ã—ãŸã“ã¨ã‚’è£œè¶³ã—ã¤ã¤ã€æ›¸ãã¾ã™ã€‚ OOCSS + Sass OOCSSã£ã¦ãªã‚“ãž ã¾ãšã€Sassã®extendãŒç´ æ•µãªç‚¹ã‚’ç´¹ä»‹ã™ã‚‹å‰ã«ã€OOCSSã«ã¤ã„ã¦ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ OOCSSã¨ã„ã†ã®ã¯ã€Nicole Sullivanã¨ã„ã†äººãŒè¨€ã„å‡ºã—ãŸè€ƒãˆæ–¹ã§ã™ã€‚ãã®ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã‚„ãƒ“ãƒ‡ã‚ªãªã©ã¯ã€æœ¬äººãŒç™ºè¡¨ã—ãŸã‚‚ã®ãŒã€slideshareç‰ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã€‚ Object-oriented CSS Object Oriented CSS by Nicole Sullivan Â· Fronteers The Cascade, Grids, Headings, an
yadokari23 2012/12/10
ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ»IT

MyInterest

css

Sass

oocss

è€ƒãˆæ–¹

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æœ€è¿‘è©¦ã—ã¦ã„ã‚‹ Sass ã®æ›¸ãæ–¹
æœ€è¿‘ã€Sass 3.2 (ãƒ—ãƒ¬ãƒªãƒªãƒ¼ã‚¹ç‰ˆ) ã‚’ä½¿ã£ã¦æ–°ã—ã„æ›¸ãæ–¹ã‚’æ¨¡ç´¢ã—ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€ãã®æ–¹å‘æ€§ã«è‡ªä¿¡ãŒæŒã¦ãªã„ã®ã§ã€ã¡ã‚‡ã£ã¨ã•ã‚‰ã—ã¦ã¿ã¦åå¿œã‚’è¦‹ã‚ˆã†ã¨ã„ã†è©¦ã¿ã§ã™ã€‚ ã¾ãšåŸºæœ¬çš„ãªæ–¹å‘ã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè€ƒãˆæ–¹ã‚’å‚è€ƒã«ã—ã¦ã„ã¾ã™: ãªãœ @kotarok ã•ã‚“ã¯ mixin ã‚ˆã‚Š extend ã‚’æŽ¨ã™ã®ã‹ - mixi Engineers' Blog Sassã®å˜åœ¨æ„ç¾© - Weblog - hail2u.net Sassã®å˜åœ¨æ„ç¾©ã¸ã®è£œè¶³ - Weblog - hail2u.net ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«åˆã‚ã›ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ›¸ãã®ã§ã‚‚ãªãã€ã‚¹ã‚¿ã‚¤ãƒ«ã«åˆã‚ã›ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã®ã§ã‚‚ãªã„ã€ãã‚Œãžã‚Œã‚’é©åˆ‡ã«æ›¸ã„ãŸä¸Šã§çµã³ã¤ã‘ã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªã“ã¨ã‚’åƒ•ãªã‚Šã«ã‚„ã‚ã†ã¨ã—ã¦ã„ã¾ã™ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã®å®Ÿè£…ã¨ã€ãã‚Œã‚‰ã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’åˆ†é›¢ã™ã‚‹ã€ã¿ãŸã„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã€å…·ä½“çš„ã«ã¯ Placeholder (%)
yadokari23 2012/07/12
ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ»IT

MyInterest

CSS

sass

SCSS

webåˆ¶ä½œ

è€ƒãˆæ–¹
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

è€ƒãˆæ–¹ã¨cssã«é–¢ã™ã‚‹yadokari23ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

è€ƒãˆæ–¹ã¨cssã«é–¢ã™ã‚‹yadokari23ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

Takazudolog - OOCSSã¨Sass

æœ€è¿‘è©¦ã—ã¦ã„ã‚‹ Sass ã®æ›¸ãæ–¹

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

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

è€ƒãˆæ–¹ã¨cssã«é–¢ã™ã‚‹yadokari23ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

Takazudolog - OOCSSã¨Sass

æœ€è¿‘è©¦ã—ã¦ã„ã‚‹ Sass ã®æ›¸ãæ–¹

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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