Step by Stepã§å§‹ã‚ã‚‹PostCSS - Qiita
2016/9/8 ※cssnextã«å«ã¾ã‚Œã‚‹æ©Ÿèƒ½ã«ã¤ã„ã¦ã®è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ cssnextã‹ã‚‰å¦ã¶æ¬¡ä¸–代CSS PostCSSを知ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ ç†è€…ã¯ã©ã“ã‹ã§èžã„ãŸã“ã¨ã‚ã‚‹ãらã„㧠次ã®CSS？ ã¾ãŸSassã¿ãŸã„ãªã‚„ã¤ä½œã£ãŸã®ã‹ ã‚‚ã†Sassã§çµ‚ã‚ã‚Šã«ã—よã†ãœï¼ˆè¦šãˆã‚‹ã®è¾›ã„） ã¨ã„ã£ãŸè² ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‹ã‚‰å‹‰å¼·ã—ã¦ã¿ãŸã®ã§ã™ãŒã€ã ã„ã¶æƒ³åƒã¨é•ã„ã¾ã—ãŸã€‚ Sassã®ä»£æ›¿ã¨ã„ã†ã‚ˆã‚Šã‹ã¯CSSã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ を構築ã™ã‚‹ãŸã‚ã®å…±é€šåŸºç›¤ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ょã†ã‹ã€‚ 本記事ã¯ã‚¿ã‚¤ãƒˆãƒ«ã«ã‚‚ã‚るよã†ã«PostCSSを使ã£ã¦CSSをモダン化ã™ã‚‹æµã‚Œã§æ›¸ãã¾ã—ãŸã€‚ 「Sassã™ã‚‰ä½¿ã£ã¦ã„ãªã„ã€ã€Œã“ã®CSS界隈ã®ãƒ©ã‚¤ãƒ–ラリよãã‚ã‹ã‚‰ãªã„ã€ã¨ã„ã†æ–¹ã“ã是éžèªã‚“ã§ã¿ã¦ãã ã•ã„。 PostCSSã¨ã¯ 2015å¹´4æœˆé ƒä»¥å‰ã¯ã“ã‚“ãªæ„Ÿã˜ Sassã‚„LESSã‚’ç†é ã«ãƒ—リプãƒã‚»ãƒƒã‚µã¨PostCSSを内部的ã«ã¤ã‹ã£ã¦ã„ãŸcssn
PostCSS ã¾ã¨ã‚ - Qiita
僕ã¯PostCSSã¯é–‹ç™ºå½“åˆã‹ã‚‰è¿½ã„ã‹ã‘ã¦ã„ã¦ã€GitHubã§PostCSSãƒãƒ¼ãƒ ã®ãƒ¡ãƒ³ãƒãƒ¼ã®ã²ã¨ã‚Šã ã£ãŸã‚Šã€å®Ÿéš›ã«PostCSSを使ã£ã¦ãƒ—ラグインやツールをã„ãã¤ã‹ä½œã£ãŸã‚Šã€ãƒ–ãƒã‚°ã‚„雑誌ã§è¨˜äº‹ã‚’書ã„ãŸã‚Šã€å‹‰å¼·ä¼šç‰ã§è©±ã—ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ 本記事ã§ã¯ã€è‡ªåˆ†ãŒçŸ¥ã£ã¦ã„ã‚‹PostCSSã«ã¤ã„ã¦ã®äº‹æŸ„を共有ã—ã¾ã™ã€‚ PostCSSã¨ã¯ä½•ã‹ PostCSSã¨ã¯ã€ãƒã‚·ã‚¢äººã® Andrey Sitnik ã¨ã„ã†äººãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€Node.js製ã®ã€ŒCSSツールを作るãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã€ã§ã™ã€‚PostCSS製ã®ãƒ„ールã¨ã—ã¦ã€ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—リフィックスを自動ã§ä»˜ä¸Žã™ã‚‹ã€ŒAutoprefixerã€ã€æœªæ¥ã®CSSã®æ§‹æ–‡ã®ä¸€éƒ¨ã‚’今ã®ãƒ–ラウザã§è§£é‡ˆã§ãるよã†ã«ã™ã‚‹ã€Œcssnextã€ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã«å¯Œã‚“ã§ã„ã‚‹CSSリンターã§ã‚る「stylelintã€ãªã©ãŒæœ‰åã§ã™ã€‚ PostCSSã¯2018å¹´2月ã€ã‹ãªã‚Šåºƒã使ã‚ã‚Œã¦
PostCSS ã¨ã¯ä½•ã‹
関西フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰UG 主催「Grand-Frontend-Osaka 2015 Summerã€ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ http://kfug.github.io/events/2015/grandfrontendosaka/
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
postcss.parts
PostCSSã‚’å°Žå…¥ã—ã¦ã¿ãŸ & PostCSSã®ä¾¿åˆ©ãƒ—ラグインã¨èª°å¾—プラグイン – Snaplog
{{#tags}}- {{label}}
{{/tags}}