イマドã‚ã®ã‚³ãƒ¼ãƒ€ãƒ¼ç’°å¢ƒæ§‹ç¯‰2016
CSS Nite LP47 Coder's High 2016 http://cssnite.jp/lp/lp47 「イマドã‚ã®ã‚³ãƒ¼ãƒ€ãƒ¼ç’°å¢ƒæ§‹ç¯‰ã€ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ※スライド上ã®URLリンクã¯åŠ¹ã‹ãªã„ã®ã§ã€ä¸‹éƒ¨æ–‡å—èµ·ã“ã—ã‹ã‚‰é£›ã‚“ã§ãã ã•ã„。Read less
@extendを使ã†ã¹ã時ã€@mixinを使ã†ã¹ã時 | POSTD
(編注：2020/08/18ã€ã„ãŸã ã„ãŸãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã‚‚ã¨ã«è¨˜äº‹ã‚’ä¿®æ£ã„ãŸã—ã¾ã—ãŸã€‚) ç§ãŒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã‚ˆãå—ã‘る質å•ã« 「@mixinã¨@extendã€ãã‚Œãžã‚Œã©ã®ã‚ˆã†ãªæ™‚ã«ä½¿ã†ã¹ã？〠ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ “引数を使ã‚ãªã„@mixinã¯æ‚ªã§ã‚ã‚‹â€ã€‚ ã“ã‚Œã¯ä»¥å‰ã‹ã‚‰ã‚る経験則ã§ã™ã€‚åŒã˜ã‚³ãƒ¼ãƒ‰ã‚’2ã¤ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã§é‡è¤‡ã•ã›ã‚‹ã ã‘ã®@mixinã¯ä¸å¿«ã§ã•ãˆã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€@extendを使ã†ã¹ã時ã€@mixinを使ã†ã¹ã時ã€ã“れらを見極ã‚ã‚‹ã“ã¨ã«ã¯ã‚‚ã£ã¨æ·±ã„æ„味ãŒã‚ã‚‹ã®ã§ã™ã€‚ ãã‚Œã§ã¯è©³ã—ã考察ã—ã¦ã„ãã“ã¨ã«ã—ã¾ã—ょã†ã€‚ ç§ã¯æ™®æ®µã€@extendã¯æ±ºã—ã¦ä½¿ã‚ãªã„よã†ã«ã¨ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã—ã¦ã„ã¾ã™ã€‚@extendã«ã¯ã€ä¸€è¦‹ã—ãŸã¨ã“ã‚é…力的ãªç‰¹å¾´ãŒãŸãã•ã‚“ã‚ã‚‹ã®ã§ã™ãŒã€æ³¨æ„ã—ãªã‘ã‚Œã°ã„ã‘ãªã„点ã¯ãれ以上ã«ã‚ã‚Šã¾ã™ã€‚言ã£ã¦ã—ã¾ãˆã° 見ã‹ã‘倒㗠ã ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ãã‚Œã§ã‚‚@extendを使ã„
YACP: よりオブジェクト指å‘ãªCSSè¨è¨ˆã®ãŸã‚ã®ãƒ—リプãƒã‚»ãƒƒã‚µãƒ¼ - morishitter blog
ã“ã®æŠ•ç¨¿ã¯CSS Architecture Advent Calendar 2014ã®2日目ã®è¨˜äº‹ã§ã™ã€‚ よりオブジェクト指å‘ãªCSSã®è¨˜è¿°ã‚’助ã‘ã‚‹ã€YACPã¨ã„ã†CSSプリプãƒã‚»ãƒƒã‚µãƒ¼ã‚’作ã£ã¦ã„ã¾ã™ã€‚具体的ãªã€ã‚»ãƒ¬ã‚¯ã‚¿ã®å‘½åè¦å‰‡ã‚„ディレクトリ構æˆã®è©±ã§ã¯ãªã„ã§ã™ã€‚ Object Oriented CSS æ•°ã‚ã‚‹CSSã®è¨è¨ˆæ‰‹æ³•ã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ã€OOCSS (Object Oriented CSSã€ã‚ªãƒ–ジェクト指å‘CSS)ã¨ã„ã†ã‚‚ã®ãŒã‚る。OOCSSã¯ãã®åã®é€šã‚Šã€CSSã®ã‚¯ãƒ©ã‚¹è¨è¨ˆï¼ˆãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã®å®šç¾©ï¼‰ã«ã‚ªãƒ–ジェクト指å‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®è€ƒãˆæ–¹ã‚’å°‘ã—å–り入れãŸã‚ˆã†ãªã‚‚ã®ã 。 OOCSSã®åŽŸå‰‡ã¨ã—ã¦ã€ã€Œæ§‹é€ ã¨è¦‹ãŸç›®ã®åˆ†é›¢ã€ã€ã€Œã‚³ãƒ³ãƒ†ãƒŠã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ†é›¢ã€ã¨ã„ã†ã‚‚ã®ãŒã‚る。OOCSSãŒæå”±ã—ã¦ã„ã‚‹ã“ã¨ã¯è¦ã™ã‚‹ã«ã€HTMLã®æ§‹é€ ã«ä¾å˜ã—ãªã„セレクタを書ãã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨è¦‹ãŸç›®ã«é–¢ã™ã‚‹ãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã¯åˆ¥
CSSプリプãƒã‚»ãƒƒã‚µãƒ¼ã®`extend`ã®æ‚ªã„ã¨ã“ã‚ - morishitter blog
why CSS preprocessors `extend` feature is wrong : http://t.co/oRl0rlh2Az— bloodyowl.jsx (@bloodyowl) 2014, 11月 27 extendãŒæ‚ªã„ã¨ã„ã†ã‚ˆã‚Šã€HTMLã«è¤‡æ•°ã®class属性値書ã„ã¦ã‚¹ã‚¿ã‚¤ãƒ«å½“ã¦ã‚‹ã“ã¨ãŒæ‚ªã„ã£ã¦ã„ã†ä¾‹ã ã¨æ€ã†â€” Masaaki Morishita (@m0rishitter) 2014, 11月 27 ã„ã‚ゆるマルãƒã‚¯ãƒ©ã‚¹è¨è¨ˆã®æ¬ 点㯠- 共通ã™ã‚‹ãƒ—ãƒãƒ‘ティãŒä¸Šæ›¸ãã•ã‚Œã‚‹ - ルールセット間ã«æš—é»™ã®ä¾å˜é–¢ä¿‚ãŒç”Ÿã¾ã‚Œã‚‹ - （HTMLã®ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã•ã‚’æãる） ã ã¨æ€ã£ã¦ã‚‹â€” Masaaki Morishita (@m0rishitter) 2014, 11月 27 「共通ã™ã‚‹ãƒ—ãƒãƒ‘ティãŒä¸Šæ›¸ãã•ã‚Œã‚‹ã€ãŒä»Šå›žã®ä¾‹ã€‚ 「ルールセット間ã®æš—é»™ã®ä¾å˜é–¢ä¿‚ã€ã£ã¦ã„ã†ã®ã¯
1
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Sass コンパイルエラー Invalid US-ASCII character “\xE3″ | Me-ISM
{{#tags}}- {{label}}
{{/tags}}