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

ruedap id:ruedap

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

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

OOCSSã¨EDJOã€ã‚‚ã—ãã¯HTMLã¨CSSã«ãŠã‘ã‚‹å‘½å - morishitter blog
OOCSSã®æ¬ ç‚¹ã¨Every Declaration Just Onceã®ã‚‚ãŸã‚‰ã™ã‚‚ã® hail2uã•ã‚“ã®ã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã€EDJO (Every Declaration Just Once)ã¨ã„ã†CSSã®è¨˜è¿°ã‚¢ãƒ—ãƒãƒ¼ãƒã‚’çŸ¥ã£ãŸã®ã§ã€åƒ•ãªã‚Šã«è€ƒãˆãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ OOCSSã¨EDJO OOCSSã¨EDJOã®é•ã„ã¯ã€ åå‰ã‚’ä»˜ã‘ã‚‹å‘ãã ã¨æ€ã†ã€‚OOCSSã§ã¯ã€CSSã‹ã‚‰HTMLã«ã€ã¤ã¾ã‚ŠCSSã§å®šç¾©ã—ãŸãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã®åå‰ã‚’HTMLã§ä½¿ç”¨ã™ã‚‹ã¨ã„ã†ã“ã¨ã€‚ãã—ã¦EDJOã§ã¯ã€HTMLã‹ã‚‰CSSã«ã€HTMLã®æ§‹é€ ã«åå‰ãŒä»˜ãã€ãã®åå‰ã«å½“ã¦ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®šç¾©ã™ã‚‹ã¨ã„ã†æµã‚Œã ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ„å›³ã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®è¦‹ãŸç›®ã«å¯¾ã—ã¦åå‰ã‚’ä»˜ã‘ã‚‹ã®ãŒOOCSSçš„ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã€æ–‡æ›¸æ§‹é€ ã‚„æ–‡æ›¸ã®æ„å‘³ã«å¯¾ã—ã¦åå‰ã‚’ä»˜ã‘ã‚‹ã®ãŒEDJOçš„ã‚¢ãƒ—ãƒãƒ¼ãƒãªã®ã‹ãªã¨æ€ã†ã€‚ OOCSSçš„ã‚¢ãƒ—ãƒãƒ¼ãƒã‚’å–ã‚‹ã¨ã€.btn-larg
ruedap 2015/02/19
css

architecture

edjo

oocss
ãƒªãƒ³ã‚¯
EDJOã®(ãƒ‡)ãƒ¡ãƒªãƒƒãƒˆ
Every Declaration Just Once (ä»¥ä¸‹EDJO)ã‚¢ãƒ—ãƒãƒ¼ãƒã®æœ€å¤§ã®ãƒ¡ãƒªãƒƒãƒˆã¯ãªã‚“ã ã‚ã†ã‹ã¨ã„ã†ã“ã¨ã«ã¤ã„ã¦è€ƒãˆã¦ã„ãŸã€‚æƒ…å ±è¨è¨ˆã¨é‡ãªã‚‹ã¨ã“ã‚ãŒã¾ã‚‹ã§ãªã„ãŸã‚ã€è¨è¨ˆæ€æƒ³ã¨ã—ã¦ã¯å®Œå…¨ã«æˆç«‹ã—ãªã„ã€‚ã¤ã¾ã‚ŠCSSã‚’è¨è¨ˆã™ã‚‹ã“ã¨ã‚’æ”¾æ£„ã—ã€è¨è¨ˆã•ã‚ŒãŸHTMLã«å¯¾ã—ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å‰²ã‚Šå½“ã¦ã¦ã„ãæ‰‹æ³•ã¨ã—ã¦ã®ã¿å˜åœ¨ã—ã†ã‚‹ã€‚ã“ã®ã“ã¨ãŒã™ãªã‚ã¡ãƒ¡ãƒªãƒƒãƒˆãªã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ CSSã®é™ã‚‰ã‚ŒãŸæ–‡æ³•ãŒæƒ…å ±è¨è¨ˆã«åŸºã¥ãè¤‡é›‘ãªæ§‹é€ ã®è¡¨ç¾ã«é©ã•ãªã„ã“ã¨ã¯æ˜Žç™½ã ã€‚OOCSSã§ã¯HTMLã¨CSSã‚’è¨è¨ˆã®ã‚‚ã¨ã«å¹³ç‰ã«æ‰±ã£ã¦ã„ãŸãŒã€ã©ã†ã—ã¦ã‚‚CSSã«ãŠã„ã¦ã¯é™ç•ŒãŒã‚ã‚Šã€è¤‡é›‘ãªå‘½åè¦å‰‡ã‚„CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã®ç™»å ´ã¨ãªã£ãŸã®ã§ã¯ãªã„ã‹ã¨æ€ã†ã€‚CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã®é«˜æ©Ÿèƒ½åŒ–ã«ã‚ˆã‚Šå®Ÿç¾å¯èƒ½ã«ãªã‚Šã¤ã¤ã‚ã‚‹ãŒã€ãã‚Œã¨åŒæ™‚ã«é«˜åº¦ã«æŠ½è±¡åŒ–ã•ã‚ŒãŸè¤‡é›‘ã•ã‚‚æ°¾æ¿«ã—ã¤ã¤ã‚ã‚‹ã€‚ EDJOã«ãŠã„ã¦ã¯ãã®æ›¸ã‹ã‚Œæ–¹ã‚’è¦‹ã‚Œã°ã‚ã‹ã‚‹é€šã‚Šã€
ruedap 2015/02/19
css

architecture

edjo

oocss
ãƒªãƒ³ã‚¯
OOCSSã®æ¬ ç‚¹ã¨Every Declaration Just Onceã®ã‚‚ãŸã‚‰ã™ã‚‚ã®
æ˜¨æ—¥ã‚‚å°‘ã—æ›¸ã„ãŸEvery Declaration Just Onceã‚¢ãƒ—ãƒãƒ¼ãƒ(ä»¥ä¸‹EDJOã¨ç•¥ã™)ã«ã¤ã„ã¦ã€çš†ãŒç›®ã‚’çž‘ã£ã¦ã„ã‚‹OOCSSã®æ¬ ç‚¹ã€CSSãŒæŒã¤ç‰¹å¾´ã€HTMLã¨ã®å…¼ãåˆã„ã¨ã„ã†ç‚¹ã‹ã‚‰ã‚‚ã†å°‘ã—æ›¸ã„ã¦ã¿ãŸã„ã€‚ã“ã‚Œã«ã¤ã„ã¦ã¯æœªã èª°ã¨ã‚‚ã¡ã‚ƒã‚“ã¨è°è«–ã—ã¦ã„ãªã„ã€‚æ©Ÿä¼šãŒã‚ã£ãŸã‚‰ã“ã®è¨˜äº‹ã‚’ãƒ™ãƒ¼ã‚¹ã«ã§ã‚‚èª°ã‹ã¨è©±ã—ã¦ã¿ãŸã„ã€‚ ä¸Šè¨˜Googleã®æ–‡æ›¸ã¯ã€ä¸»ã«ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®è¦³ç‚¹ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã€‚ã©ã†ã—ã¦ã‚‚é•·ããªã‚ŠãŒã¡ãªå®šç¾©ã‚’åˆ†æ•£ã—ã¦æ›¸ãã‚ˆã‚Šã‚‚ã€èƒ½å‹•çš„ã«çŸãã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’åˆ†æ•£ã—ã¦æ›¸ã„ãŸæ–¹ãŒã€ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã«ãŠã„ã¦ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚µã‚¤ã‚ºã‚’å°ã•ãã™ã‚‹ã“ã¨ãŒå¯èƒ½ã ã‚ã†ã¨ã„ã†ã‚‚ã®ã ã€‚åŒæ™‚ã«ã“ã®æ–‡æ›¸ã®ç†è€…ã¯è‡ªèº«ã®ãƒ–ãƒã‚°ã§ã€ã‚ˆã‚Šè‡ªç„¶ã«CSSã‚’æ›¸ããŸã‚ã®æ‰‹æ³•(åŽŸæ–‡: ã€ŒThe Natural Way of Writing CSSã€)ã¨ã—ã¦ã“ã®EDJOã¨ã„ã†æ‰‹æ³•ã«ã¤ã„ã¦è¿°ã¹ã¦ã„ã‚‹ã€‚ åƒ•
ruedap 2015/01/15
é¢ç™½ã„ã€‚ã‚·ãƒ³ã‚°ãƒ«ã‚¯ãƒ©ã‚¹ã®BEMãŒè‰¯ã„ã¨æ€ã£ã¦ã„ãŸæ™‚ã®ã‚´ãƒ¼ãƒ«ãŒEDJOã«ã¯ã‚ã‚‹â€¦ã‹ã‚‚ã—ã‚Œãªã„ã€‚

bem

oocss

suit-css

naming

coding-convention

edjo
ãƒªãƒ³ã‚¯
æ‚©ã¾ãªã„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã‚ˆã†ï¼ OOCSS,SMACSSã‚’ç”¨ã„ãŸã€èªã¿ã‚„ã™ãã¦ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ãªCSSè¨è¨ˆï¼ˆSasså¯¾å¿œï¼‰
æ‚©ã¾ãªã„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã‚ˆã†ï¼ OOCSS,SMACSSã‚’ç”¨ã„ãŸã€èªã¿ã‚„ã™ãã¦ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ãªCSSè¨è¨ˆï¼ˆSasså¯¾å¿œï¼‰
ruedap 2014/12/10
bem

smacss

css

architecture

oocss

presentation
ãƒªãƒ³ã‚¯
GitHubâ€™s CSS
Iâ€™m always interested in the development details of other products, particularly their styleguides and approach to CSS. Given my penchant for the otherwise inane CSS details, I decided to write a bit about GitHubâ€™s CSS. Contents Given the length, hereâ€™s a helpful table of contents. Quick facts Preprocessor Architecture Linting Two bundles Included via Sprockets Performance Documentation Primer Ref
ruedap 2014/07/25
bem

github

css

oocss

coding-convention

styleguide
ãƒªãƒ³ã‚¯
CSS Architecture with OOCSS, SMACSS, BEM
Slide about Modern CSS Architecture. with OOCSS, SMACSS, BEM and Preprocessors. If you want to download PDF but don't want to login SlideShare, go to Speacker Deck on which is the same downloadable PDF : https://speakerdeck.com/katsunoritanaka/css-architecture-with-oocss-smacss-bemRead less
ruedap 2014/03/10
css

architecture

naming

bem

oocss

smacss
ãƒªãƒ³ã‚¯
ã‚«ãƒ¼ã‚´ãƒ»ã‚«ãƒ«ãƒˆCSS
CSSã‚’æ›¸ã„ãŸã‚Šç®¡ç†ã—ãŸã‚Šã™ã‚‹ã«ã¯ãªã‚“ã‚‰ã‹ã®æ–¹æ³•è«–ãŒã‚ã£ãŸæ–¹ãŒè‰¯ã„ã€ã¨åºƒãè€ƒãˆã‚‰ã‚Œã¦ã„ã‚‹ã€‚ã—ã‹ã—å®Ÿéš›ã«å–ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ã„ã‚‹æ‰‹æ³•ã®ä¸ã«ã¯ã€ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ä¸Šã®å“è³ªã‚„ã€é•·æœŸã«ã‚ãŸã‚‹ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã«æ‚ªå½±éŸ¿ã‚’ä¸Žãˆã‚‹ã‚‚ã®ã‚‚ã‚ã‚‹ã€‚ã“ã“ã§ã¯ã€CSSã®ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ–¹æ³•è«–ã€ã¨ã—ã¦æå”±ã•ã‚Œã¦ã„ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®å•é¡Œç‚¹ã‚„ã€ãã®å•é¡Œã‚’åƒ•ãŸã¡ã‚¦ã‚§ãƒ–ãƒ»ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãŒã©ã†ã™ã‚Œã°è§£æ±ºã§ãã‚‹ã‹ã«ã¤ã„ã¦è«–ã˜ã¦ã¿ã‚ˆã†ã¨æ€ã†ã€‚ ç¾åœ¨ã€CSSé–‹ç™ºã«ãŠã‘ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ–¹æ³•è«–ã¨ã—ã¦ã€BEMãªã©é¡žä¼¼ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã„ãã¤ã‹ã‚ã‚‹ãŒã€ã‚‚ã£ã¨ã‚‚æœ‰åãªã®ã¯OOCSSã ã‚ã†ã€‚ã“ã‚Œã‚‰ã®æ–¹æ³•è«–ã¯CSSã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åŽŸå‰‡ã‚’é©ç”¨ã—ã‚ˆã†ã¨è©¦ã¿ã‚‹ã€‚ã—ã‹ã—ãªãŒã‚‰ã€ä¸¡è€…ã®é–“ã«ã¯ãã‚‚ãã‚‚å®£è¨€åž‹ã‚¹ã‚¿ã‚¤ãƒ«è¨€èªžã¨ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢è¨è¨ˆåŽŸå‰‡ã¨ã„ã†ã‚³ãƒ³ã‚»ãƒ—ãƒˆä¸Šã®ä¸ä¸€è‡´ãŒã‚ã‚‹ã€‚ãã®çµæžœã€çµŒé¨“ã®æµ…ã„ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãŒæ°—ã¥ãã«ãã„ã‚ˆã†ãªè¤‡é›‘ãªå•é¡Œã‚’æŒã¡è¾¼
ruedap 2014/02/13
æœ€è¿‘ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã©ã§ä¸»æµã®è¨è¨ˆãƒ»å‘½åæ–¹æ³•ã«æ„Ÿã˜ã‚‹é•å’Œæ„Ÿã«ã¤ã„ã¦ã€ã™ã‚‹ã©ããƒ„ãƒƒã‚³ã‚“ã§ã‚‹ã€‚8å‰²ãã‚‰ã„åŒæ„ã€‚

css

architecture

bem

oocss
ãƒªãƒ³ã‚¯
MCSS
Introduction Multilayer CSS organization methodology is a guideline to structure your CSS. Core methodology principles are based on BEM and OOCSS ideas. MCSS was invented in Odnoklassniki.ru (Top 10 world social network) developers team and is recommended for other developers as core for own documentation and team based methodologies. Despite the fact that this methodology originated in a large pr
ruedap 2013/11/27
bem

oocss

architecture

mcss

css
ãƒªãƒ³ã‚¯
OOCSSï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼‰ã®ã‚¹ã‚¹ãƒ¡ | hijiriworld Web
ã€OOCSSã€‘ <div class="box box-red"></div> <div class="box box-blue"></div> .box { width: 50px; height: 50px; } .box-red { border: 1px solid red; background-color: #FFCCCC; } .box-blue { border: 1px solid blue; background-color: #66CCFF; } ã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ ã„ã¾ã¾ã§ã€ŒOOCSSã€ã¨ã„ã†è¨€è‘‰ã‚’çŸ¥ã‚‰ãªãã¦ã‚‚ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ã€ã‚ã‚‹ç¨‹åº¦çµŒé¨“ã®ã‚ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒŠãƒ¼ã§ã‚ã‚Œã°ã€åŠ¹çŽ‡åŒ–ã‚’å›³ã‚‹ãŸã‚ã«è‡ªç„¶ã«ã‚„ã£ã¦ã„ã‚‹ã“ã¨ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã“ã®è€ƒãˆæ–¹ã‚’ä½“ç³»åŒ–ã—ã¦ã¾ã¨ã‚ãŸã‚‚ã®ãŒOOCSSã§ã™ã€‚ ã§ã¯æ¬¡ã«OOCSSãŒã©ã®ã‚ˆã†ãªè€ƒãˆæ–¹ã®ã‚‚ã¨ã«è¨è¨ˆã•ã‚ŒãŸã®ã‹ã‚’è¦‹ã¦ã„ãã¾ã—
ruedap 2013/11/09
css

oocss

sass

architecture
ãƒªãƒ³ã‚¯
What's Object-Oriented CSS (japanese)
Nicole SullivanãŒæå”±ã—ã¦ã„ã‚‹OOCSSã‚’æ—¥æœ¬èªžã§è§£èª¬ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚Webridge Meeting #2( http://webridge-kagawa.com/ )ã§ãŠè©±ã—ã¾ã—ãŸã€‚ Nicole Sullivan has been proposed in Japanese describing OOCSS slide. I talked Webridge Meeting # 2.Read less
ruedap 2013/11/09
css

oocss

sass

architecture

presentation
ãƒªãƒ³ã‚¯
é›£ã—ã„OOCSSï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼‰ã®è¨è¨ˆ | hijiriworld Web
OOCSSã¨ã¯ã€æ§‹é€ ã¨ã‚¹ã‚ãƒ³ã‚’åˆ†é›¢ã—ã¦ã‚¯ãƒ©ã‚¹å®šç¾©ã—ã€ãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®šç¾©ã™ã‚‹æ–¹æ³•ã§ã‚ã‚‹ã€‚ OOCSSã®è€ƒãˆæ–¹ã«åŸºã¥ã„ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¨˜è¿°ã™ã‚‹ã¨ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨å†åˆ©ç”¨æ€§ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®å‘ä¸ŠãŒè¦‹è¾¼ã‚ã¾ã™ã€‚ ã—ã‹ã—ã€OOCSSã‚’ä¸Šæ‰‹ã«è¨è¨ˆã™ã‚‹ã®ã¯ã‘ã£ã“ã†é›£ã—ã„ã®ã§ã™ã€‚ãªã‚“ã¨ãªããã‚Œã£ã½ãæ›¸ã„ãŸã ã‘ã§ã¯ã€OOCSSã®å°Žå…¥ã‚’æˆåŠŸã«å°Žãã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ Twitter Bootstrapã«ä»£è¡¨ã•ã‚Œã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã©ã¯ã€é«˜åº¦ã«è¨è¨ˆã•ã‚ŒãŸOOCSSã¨è¨€ãˆã¾ã™ã€‚ãã®ãƒ¬ãƒ™ãƒ«ã¾ã§å®Œæˆåº¦ã‚’é«˜ã‚ã‚ˆã†ã¨ã™ã‚‹ãªã‚‰ã€ãã†ã¨ã†é«˜åº¦ãªè¨è¨ˆæŠ€è¡“ãŒæ±‚ã‚ã‚‰ã‚Œã¾ã™ã€‚ åˆå¿ƒè€…ãŒé™¥ã‚Šã‚„ã™ã„ãƒ€ãƒ¡ãªä¾‹ > OOCSS? .red { color: red; } .blue { color: blue; } ä¸€è¦‹ã€Œã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚å†åˆ©ç”¨ã§ããã†ãªæ±Žç”¨æ€§ã®ã‚ã‚‹ã‚¯ãƒ©ã‚¹å®šç¾©ã§ã€CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è¦‹ãªãã¦ã‚‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§
ruedap 2013/11/09
css

oocss

sass

architecture
ãƒªãƒ³ã‚¯
CSS the right way?
Overview of CSS for modern Web Applications. CSS architecture methodologies and best practices.
ruedap 2013/11/02
css

architecture

bem

smacss

oocss

presentation
ãƒªãƒ³ã‚¯
ä»Šå¿…è¦ãªCSSã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£
ä¸‹è¨˜å‹‰å¼·ä¼šã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ --------------------------------------------------------- ä½¿ã„ãŸããªã‚‹ UI ã‚’ã¤ãã‚‹ï¼ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ å‹‰å¼·ä¼š : ATND http://atnd.org/events/42371 ---------------------------------------------------------Read less
ruedap 2013/08/26
css

smacss

oocss

architecture

presentation
ãƒªãƒ³ã‚¯
Discover the people, projects and passions that support Envato's community
Envato is the leading marketplace for creative assets and creative peopleAbout Envato
ruedap 2013/07/14
smacss

sass

oocss

bem

mind-bemding

naming
ãƒªãƒ³ã‚¯
Railslove - FinTech, Mobile Apps and UX consulting
Products for the web are more than just or daily business. Being software architects, designers and strategists, we closely accompany our customers on our journey from an initial idea to the launch â€“ and beyond. In a demanding digital setting, we excel in crafting products which captivate users and provide actual benefit for our customers. With the help of our experienced team and far more than Ru
ruedap 2013/07/08
smacss

sass

oocss
ãƒªãƒ³ã‚¯
CSSã®ãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã®å¯æ¬æ€§
ã‚·ãƒ³ãƒ—ãƒ«ãªã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒå¤šãã®åˆ©ç‚¹ã‚’æŒã¤ã“ã¨ã¯ã‚ˆãã‚ã‹ã‚‹ã‚“ã ã‘ã©ã€å¯æ¬æ€§ãŒä¸ŠãŒã‚‹ã¨ã„ã†ã®ã¯ã©ã†ã‚‚ã—ã£ãã‚Šã“ãªã„ã€‚ãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆå˜ä½ã§ã®å¯æ¬æ€§ã¨ã„ã†ã®ã¯ã‹ãªã‚Šç„¡ç†ãŒã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€‚æ•°ç¨®ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã®çµ„ã¿åˆã‚ã›ã‚’å†åˆ©ç”¨ã™ã‚‹ã®ã¯è‰¯ã„ã‘ã©ã€ãã‚Œã«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã¯å«ã‚ã‚‹ã¨å¯æ¬æ€§è½ã¡ã‚‹ã¨æ€ã†ã€‚ Twitter Bootstrapã®ã‚ˆã†ãªå®Œå…¨ã«ãã‚Œã«ä¾å˜ã—ã¦ãã‚Œã ã‘ã§å®Œçµã™ã‚‹ã‚ˆã†ãªä»•çµ„ã¿ãªã‚‰ã°ã‚·ãƒ³ãƒ—ãƒ«ãªã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã®ãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã®å¯æ¬æ€§ã¯ã‹ãªã‚Šé«˜ã„ã¨æ€ã†ã€‚ãŸã ãã®å¯æ¬æ€§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ–ç‰‡ã®å¯æ¬æ€§ã§ã¯ãªããƒ‡ã‚¶ã‚¤ãƒ³å…¨ä½“ã®å¯æ¬æ€§ã¨ã„ã†ã“ã¨ã«ãªã‚‹ã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒªã‚ºãƒ ã‚„ç´°ã‹ã„ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚‚å«ã‚ãŸå®Œå…¨ãªç§»æ¤ã§ã€â—‹â—‹ã®â–³â–³ã‚’æµç”¨ã—ãŸã„ã¨ã—ã¦ã‚‚ãã‚Œã‚’å«ã‚€ãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã‚’æŒã£ã¦ãã‚Œã°æ¸ˆã‚€ã¨ã„ã†äº‹ã«ã¯ãªã‚‰ãªã„ã€‚ãã®ãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã«ä½™è¨ˆãªãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ãŒå«ã¾ã‚Œã¦ã„ã¦è¦ç·¨é›†ã ã£ãŸã‚Šã€ä»–ã®ãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã«ä¾å˜ã—ã¦ã„ã¦å˜ä½“ã§ã¯ã†ã¾ãæ©Ÿèƒ½ã—ãªã„ã“ã¨ãŒ
ruedap 2013/07/04
css

oocss

smacss

architecture
ãƒªãƒ³ã‚¯
OOCSS + Sass = The Best Way to Write CSS by Ian Storm Taylor
Object-oriented CSS is awesome. But littering your markup with non-semantic classes is not awesome. Those classes sprinkled all over your HTML are going to change, and thatâ€™s not gonna be fun. But if you combine OOCSS and Sass you get the best of both worlds: modular CSS without bloated, hard-to-maintain HTML. OOCSS leads to hard-to-maintain HTML.First off, quick disclaimer, a bunch of you probabl
ruedap 2013/07/01
oocss

sass

extend
ãƒªãƒ³ã‚¯
OOCSSã‚’buildã™ã‚‹ - MOL
ã¡ã‚‡ã„ãƒ¼ã‚“ã£ã™ï¼ã‚ãŸãƒ¼ã‚“ã£ã™ï¼ ã¿ãªã•ã‚“ã€OOCSSã£ã¦çŸ¥ã£ã¦ã¾ã™ã‹ï¼Ÿåƒ•ã¯çŸ¥ã‚‰ãªã„ã§ã™ã€‚å˜˜ã§ã™ã€‚ @stubbornellaãŒã€4,5å¹´å‰ã«è¨€ã„å‡ºã—ãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãªCSSã®è€ƒãˆæ–¹ã¿ãŸã„ãªã‚‚ã‚“ã§ã™ã€‚CSSã§ã“ã‚“ãªã‚‚ã®è¡¨ç¾ã§ããŸï¼ã¨ã‹ãã†ã‚†ã†Tipsç³»ã®è©±é¡Œã¯äº‹æ¬ ã‹ãªã„ã®ã§ã™ãŒã€CSSã®è¨è¨ˆã«ã¤ã„ã¦ã®è©±ã¯ãã‚Œä»¥å‰ã«ã¯ï¼ˆä»Šã‚‚ãã†ã§ã™ãŒï¼‰ã‚ã¾ã‚Šãªã‹ã£ãŸã®ã§ã€å€‹äººçš„ã«ã¯ã¨ã¦ã‚‚è¡æ’ƒçš„ã§ã—ãŸã€‚ ã¡ã‚ƒã‚“ã¨CSSã‚’æ›¸ããŸã‚ã« - CSS/Sassè¨è¨ˆã®è©±ï¼ˆã‚ã€æœ€è¿‘ã‚¤ã‚«ã‚¹è³‡æ–™è¦‹ã¤ã‘ãŸãžï¼ï¼‰ ã¾ããã‚“ãªOOCSSã§ã™ãŒã€ã“ã“ä¸€å¹´ã¯ç›®ç«‹ã£ãŸæ›´æ–°ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ã¨æ€ã£ã¦ãŸã‚‰æœ€è¿‘ã€GitHubã®ãƒ¬ãƒã‚¸ãƒˆãƒªè¦‹ãŸã‚‰ãªã‚“ã‹ã™ã”ãå¤‰ã‚ã£ã¦ã‚‹ï¼ æ–°ã—ããªã£ãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã¿ãŸã„ã®ã§ã™ãŒã€Readmeã‚’èªã‚€ã¨ã€ã©ã†ã‚„ã‚‰Sassã‚„ã‚‰Handlebarsã‚„ã‚‰ä½¿ã£ã¦ã¦buildã—ãªãã‚ƒã„ã‘ãªã„ã£ã½ã„ã™ã€‚ã‚“ã§ä»®æƒ³ç’°å¢ƒã‚’Vagr
ruedap 2013/06/30
oocss

css

architecture
ãƒªãƒ³ã‚¯
Games from Merkur in Australia
Until the end of 2017, Merkur games were available in Australia online casinos For a while, the game manufacturer withdrew from the market in Australia. Due to the new gambling regulation, Merkur has decided to come back. This is not only a reason for die-hard fans to celebrate - after all, Merkur games are among the most beautiful and exciting classics of gambling. In Merkur online casinos, almos
ruedap 2013/06/19
sass

architecture

css

oocss

bem

styleguide

smacss

naming
ãƒªãƒ³ã‚¯
inuit.css â€“ a powerful, scalable, Sass-based, BEM, OOCSS framework.
coming soonâ€¦
ruedap 2013/06/07
css

sass

framework

bem

oocss

inuit.css
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸