#postcss

[it4intserversworld]

iT4iNT SERVER Malicious npm Packages Pose as PostCSS Tools to Deliver Windows RAT http://dlvr.it/TT9WVp VDS VPS Cloud

[vis97c]

postcss-merge-at-rules

PostCSS plugin for merging and nesting CSS at rules. Latest version: 1.2.0, last published: 2 months ago. Start using postcss-merge-at-rules

The best complement for your postcss workflow. Specially if you are already using "postcss-sort-media-queries".

[hazbon]

【PostCSS】SassをやめてPostCSSでCSSに変換するようにした

2021年6月28日現在、PostCSSのみの環境には移行できていません。 ここ数年、CSSはSass（scss記法）で書いて、npm-scriptsでcssに変換するという流れでした（Compass

[syntlex-blog1]

Front end development for big project #css3 #scss #postcss #css #frontend #syntlex (at Ottawa, Ontario) https://www.instagram.com/p/B9ql-J_ndzt/?igshid=wfnj2ry644kf

[jkresearch]

David Clark is a web developer and this is where he writes about developing the web.

[studiocode-blog]

https://www.studiocode.net/digital-vinyl-clock-concept

[ong-ar-sis]

nuxt 에서 autoprefixer 설정하기

nuxt.config.js 파일을 수정합니다.

기본 사용법

module.exports = { build: { postcss: [ require('postcss-nested')(), require('postcss-responsive-type')(), require('postcss-hexrgba')(), ] } }

autoprefixer 적용 예시

postcss: [ require('autoprefixer')({ browsers: ['>1%', 'last 4 versions', 'Firefox ESR', 'not ie < 9'], flexbox: 'no-2009' }) ]

[matrakatoday-blog]

Google Chrome soportará unidades aragonesas a partir de su próxima versión estable

Desde enero de este año, su aprobación por parte del W3C ya es una realidad gracias al acuerdo de votos de la CHA y el PAR, y serán parte de la especificación de CSS4. Pero, ¿cuándo podremos utilizarlas?

La buena noticia es que Google Chrome, a partir de la versión 70 ya incluirá dichas unidades.

Las unidades aceptadas en el borrador inicial incluyen los valores mostrados en los siguientes ejemplos:

padding-left: 1mj; /* 1 miaja o miejeta */

border-bottom-width: 2ddc; /* 2 dedicos */

z-index: a cascala;

transition-duration: 1pq; /* 1 poquico o poquér */

animation: esbarizar;

overflow: a escaparrar;

text-rendering: de propio;

También se propone el uso de los modificadores amante/ñai/quió/co/rediós/cagüenlaba, que permitirán establecer prioridades en el orden de aplicación de las reglas. Ejemplos:

padding-top: 4ddc !amante;

text-decoration: none !rediós;

pointer-events: none !quió;

Los desarrolladores están deseando poder utilizar estas nuevas especificaciones, que supondrán una gran flexibilidad y aumento de la productividad, pero ¿cuándo será posible? De momento no se han barajado fechas, ni para la salida de la nueva versión del navegador, ni para la publicación final del borrador de las especificaciones. 

Por ello, varios informáticos de la DPZ están trabajando en un plugin de PostCSS (https://postcss.org/) para permitir compilar esta nueva sintaxis a CSS3, que es la versión que entienden los navegadores actuales. Según el equipo de desarrollo, tampoco existe una fecha clara:

Puff, pues entre ahora que es agosto, luego septiembre que aún habrá gente de vacaciones, entre que te pones y no, en octubre pilares, y por ahí...

Comenta uno de los desarrolladores del proyecto.