[B! oocss] kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kana321 id:kana321

oocssã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

Skyline | Evolving CSS Architecture
We are creating horizons, each new skyline is a unique, living outline that changes with the evolving architecture. Standard Markup We're developing a shared vocabulary, creating common HTML modules with consistent naming conventions. OOCSS & SCSS CSS is written in beautifully organized SCSS partials, grouped by the role each CSS rule and classname play.
kana321 2015/01/21
design

***

css

development

css

framework

CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

oocss

scss

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ç¬¬45å›žã€€CSSã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ãŒã‚‚ãŸã‚‰ã™ãƒ¡ãƒªãƒƒãƒˆ | gihyo.jp
åŒã˜è¨˜è¿°ã®ç¹°ã‚Šè¿”ã—ã‚’é˜²ãŽãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚„æŸ”è»Ÿæ€§ã‚’å‘ä¸Š W3Cã«ã‚ˆã£ã¦ç–å®šã•ã‚ŒãŸä»•æ§˜ã®1ã¤ã§ã€HTMLï¼XMLã®è¦ç´ ã®è¡¨ç¤ºã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ãŸã‚ã«ç”Ÿã¾ã‚ŒãŸã®ãŒã€ŒCSSã€ï¼ˆâ Cascading Style Sheetsï¼‰ã§ã™ã€‚HTMLã¨ã“ã®CSSã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€æ–‡æ›¸æ§‹é€ ï¼ˆHTMLï¼‰ã¨è¦‹ãŸç›®ã®è¡¨ç¾ï¼ˆCSSï¼‰ã‚’åˆ‡ã‚Šé›¢ã™ã“ã¨ãŒå¯èƒ½ã«ãªã‚‹ã»ã‹ã€HTMLã ã‘ã§ã¯å®Ÿç¾ã§ããªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¯èƒ½ã«ãªã‚‹ã¨ã„ã£ãŸå¤§ããªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã“ã¨ã‹ã‚‰ã€Webã‚µã‚¤ãƒˆã®æ§‹ç¯‰ã‚„Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«ãŠã„ã¦æ¬ ã‹ã›ãªã„æŠ€è¡“ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®CSSã§ç¾åœ¨æ³¨ç›®ã‚’é›†ã‚ã¤ã¤ã‚ã‚‹ã®ãŒã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSã€ã‚„ã€ŒScala ble and Modular Architecture for CSSã€ï¼ˆâ æ‹¡å¼µæ€§ã®ã‚ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚¢ãƒ—ãƒãƒ¼ãƒï¼‰ã¨ã„ã£ãŸè€ƒãˆæ–¹ã§ã™ã€‚ã“ã‚Œã‚‰ã¯ã€CSSã§è¨˜è¿°ã™ã‚‹å†…å®¹ã‚’ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã€ã™ã‚‹ã“
kana321 2014/12/16
CSSã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ãŒã‚‚ãŸã‚‰ã™ãƒ¡ãƒªãƒƒãƒˆ

dev

CSS

oocss

components

tips

ã‚ã¨ã§èªã‚€

smacss

css3

vo

*Webé–‹ç™º
ãƒªãƒ³ã‚¯
æ™®æ®µä½¿ã£ã¦ã‚‹CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’ã‚¢ãƒƒãƒ—ã•ã›ã‚‹OOCSSãƒ™ãƒ¼ã‚¹ã®è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Kraken
ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¯æ™®æ®µä½¿ã£ã¦ã‚‹CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ã€‚ ãã‚“ãªOOCSSã‚’ãƒ™ãƒ¼ã‚¹ã«è¨è¨ˆã•ã‚ŒãŸã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æ‹¡å¼µæ€§ã‚‚å‚™ãˆãŸè¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Kraken Kraken -GitHub ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ã¨ã¯ Krakenã®ç‰¹å¾´ Krakenã®ãƒ‡ãƒ¢ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ã¨ã¯ Krakenã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ãƒ™ãƒ¼ã‚¹ã§é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ Krakenã§æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’ä¾‹ã«ã€ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ The Kraken Way å¤§ãã„ãƒ–ãƒ«ãƒ¼ã®ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®šç¾©ã™ã‚‹éš›ã€ä¸€ã¤ã®classã‚„idãªã©ã§å®šç¾©ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€OOCSSã§ã¯ã€Œãƒœã‚¿ãƒ³=btnã€ã€Œå¤§ãã„ãƒœã‚¿ãƒ³=btn-largeã€ã€Œãƒ–ãƒ«ãƒ¼ã®ãƒœã‚¿ãƒ³=btn-blueã€ã¨ã—ã¾ã™ã€‚ã“ã‚Œã¯ç…©é›‘ãªã‚ˆã†ã«è¦‹ãˆã¾ã™
kana321 2013/09/03
css

webãƒ‡ã‚¶ã‚¤ãƒ³

*css

css

oocss

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

IE

framework

CSS3

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘
ãƒªãƒ³ã‚¯
ã¡ã‚ƒã‚“ã¨CSSã‚’æ›¸ããŸã‚ã« - CSS/Sassè¨è¨ˆã®è©±
TalkNote Vol.8 ç™ºè¡¨ã‚¹ãƒ©ã‚¤ãƒ‰ 2013/06/30 è¿½è¨˜: æœ¬ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç´¹ä»‹ã—ã¦ã„ã‚‹SMACSSæ—¥æœ¬èªžè¨³ï¼ˆé›»åæ›¸ç±ï¼‰ãŒç™ºå£²ã•ã‚ŒãŸã®ã§ã€èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ã”è¦§ãã ã•ã„ã€‚ SMACSS https://smacss.com/
kana321 2013/06/26
css

ã‚ã¨ã§èªã‚€

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

web design

CSS

Sass

oocss

web_ã‚¹ãƒ©ã‚¤ãƒ‰

bem

architecture
ãƒªãƒ³ã‚¯
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
kana321 2012/12/10
css

adventcalendar

twitter

*thresh25

*CSS

sass

css

oocss

webåˆ¶ä½œ

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