Getting started with PostCSS - LogRocket Blog
LogRocket’s Galileo AI watches every session, surfacing impactful user struggle and key behavior patterns. If you’ve ever wanted to try out new, experimental, or nonstandard CSS properties in your code, then you know browser vendors require you to add prefixes to make them work until they are fully standardized. .some-element { box-sizing: border-box; -webkit-box-sizing: border-box; // chrome, saf
Autoprefixerã®å¯¾è±¡ãƒ–ラウザã®é¸ã³æ–¹
Autoprefixerã¯Can I Use ã®ãƒ–ラウザ・サãƒãƒ¼ãƒˆæƒ…å ±ã¨StatCounterã®å…¨ä¸–ç•Œã®ãƒ–ラウザ利用状æ³ãƒ‡ãƒ¼ã‚¿ã‚’å‚ç…§ã—ã¦Browserslistã®è¨˜è¿°ã«å½“ã¦ã¯ã¾ã‚‹ãƒ–ラウザを抽出ã—ã¾ã™ã€‚ 対象ブラウザ一覧を簡å˜ã«ç¢ºèªã™ã‚‹æ–¹æ³• Browserslistã®è¨˜è¿°ã‚’入力ã™ã‚‹ã¨å¯¾è±¡ã¨ãªã‚‹ãƒ–ラウザ一覧を表示ã—ã¦ãれるBrowserl.ist ã¨ã„ã†ä¾¿åˆ©ãªã‚µã‚¤ãƒˆãŒã‚ã£ã¦ã€2016å¹´9月7æ—¥ç¾åœ¨ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è¨˜è¿°ã§å¯¾è±¡ã«ãªã‚‹ãƒ–ラウザã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ Mobile Browsers Chrome for Android 51 UC Browser for Android 9.9 Android Browser 4.4, 4.4.3-4.4.4 IE Mobile 11, 10 iOS Safari 9.3, 9.0-9.2 Opera Mini all Samsung Internet 4
PostCSSã£ã¦ãªã«ï¼Ÿå°Žå…¥å‰ã«çŸ¥ã£ã¦ãŠããŸã„ã“ã¨ã‚’箇æ¡æ›¸ãã§ã¾ã¨ã‚ã¦ã¿ãŸ
PostCSS ã£ã¦æœ€è¿‘ã¡ã‚‰ã»ã‚‰ç›®ã«ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸã‘ã©ã„ã£ãŸã„ãªã«ï¼Ÿã¨æ€ã£ã¦ã„ã‚‹æ–¹ã„ã¾ã›ã‚“ã‹ï¼Ÿåƒ•ã¯ãã®ä¸€äººã§ã™ã€‚ãªã‚“ã¨ãªãã“ã‚“ãªã‚‚ã‚“ã‹ãªï¼Ÿã¨ã„ã£ãŸæ„Ÿã˜ã§æ›–昧ã«ã—ã‹ç†è§£ã—ã¦ã„ãªã‹ã£ãŸã®ã§ã€Œã¨ã‚Šã‚ãˆãšã“ã‚Œã ã‘知ã£ã¦ãŠã‘ã°ã„ã„ã€ã¨ã„ã†æƒ…å ±ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« PostCSSをノートPCã«ä¾‹ãˆã‚‹ã¨â€¦ Sassã‚’VAIOã®ã‚ˆã†ãªãƒ¡ãƒ¼ã‚«ãƒ¼ãŒä½œã£ã¦ãƒ‘ッケージã—ãŸãƒŽãƒ¼ãƒˆPCã«ä¾‹ãˆã‚‹ã¨ã€PostCSSã¯ãƒžã‚¶ãƒ¼ãƒœãƒ¼ãƒ‰ã‹ã‚‰ãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã‹ã‚‰ã‚±ãƒ¼ã‚¹ã¾ã§ã€ã™ã¹ã¦è‡ªåˆ†ã§é¸ã‚“ã§çµ„ã¿ç«‹ã¦ã‚‹è‡ªä½œPCã§ã™ã€‚ ã‹ãªã‚Šè‰¯ã•ãㆠçµè«–ã‹ã‚‰è¨€ã£ã¦ã—ã¾ã†ã¨ã€ã‹ãªã‚Šè‰¯ã•ãã†ãªã®ã§æ—©é€Ÿä½¿ã„始ã‚ã¦æã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚大ããªå°Žå…¥ãƒªã‚¹ã‚¯ã‚„デメリットã¯æ€ã„ã‚ãŸã‚‰ãªã„ã—ã€ã™ã§ã«ãƒ“ルドツールを使ã£ã¦ã„ã‚Œã°å°Žå…¥ã‚³ã‚¹ãƒˆã‚‚å°‘ãªãã™ã¿ã¾ã™ã€‚å°‘ãªãã¨ã‚‚試ã—ã¦ã¿ã‚‹ä¾¡å€¤ã¯å二分ã«ã‚ã‚Šãã†ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€é–‹ç™ºä½“制や環境ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æ€§è³ªã«ã‚ˆã‚‹ã‚“ã§ã—
PostCSSã¨cssnextã§æœ€æ–°CSS仕様を先å–ã‚Šï¼
ã©ã†ã‚‚ã€Kaizen Platform, Inc.ã®@t32kã§ã™ã€‚今日ã¯PostCSSã«ã¤ã„ã¦è§£èª¬ã—よã†ã¨æ€ã„ã¾ã™ã€‚PostCSSã«ã¤ã„ã¦ã¯ãれを解説ã—ãŸåŒåƒšã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚‚ç´ æ™´ã‚‰ã—ã„ã®ã§ã€ãã¡ã‚‰ã‚‚å‚考ã«ã—ã¦ã‚‚らãˆã°å¹¸ã„ã§ã™ã€‚ PostCSS ã¨ã¯ä½•ã‹ // Speaker Deck PostCSSã¨ã¯ãªã«ã‹ï¼Ÿ PostCSSã¯ã€Autoprefixerã®ä½œè€…ã§ã‚‚有åãªãƒã‚·ã‚¢ã®Andrey Sitnikæ°ãŒé–‹ç™ºã—ã¦ã„るツールã§ã™ã€‚ postcss/postcss å…¬å¼ã®ãƒ¬ãƒã‚¸ãƒˆãƒªã®READMEã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ PostCSS is a tool for transforming styles with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax,
Breaking up with Sass: it’s not you, it’s me
3546 days since last revision. Details are possibly out of date. Right now, I have a near frictionless CSS workflow. I write in Sass, compile with Libsass and get vendor prefixes added with PostCSS/Autoprefixer via Gulp/Grunt. Why would I want to upset that? Just under a year ago, my interest was piqued by a post by Nicolas Gallagher. In it he described how he/they (Twitter) were using a JS tool t
PostCSS ã¨ã¯ä½•ã‹
関西フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰UG 主催「Grand-Frontend-Osaka 2015 Summerã€ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ http://kfug.github.io/events/2015/grandfrontendosaka/
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
PostCSS 8.0 is coming: Here's what it brings—Martian Chronicles, Evil Martians’ team blog
GitHub - postcss/postcss: Transforming styles with JS plugins
postcss.parts
Rucksack | CSS Superpowers
{{#tags}}- {{label}}
{{/tags}}