Por fin me he quitado de encima un potencial problema que me traía de cabeza. El tema de una aplicación crítica ahora se visualiza decentemente y es operativo en el #Webview que usa Microsoft en sus aplicaciones.

La solución es algo enrevesada: incluye un pipeline complejo con #gulp y #webpack usando #SASS, #PostCSS, transpilación de módulos JavaScript, un par de #polyfills, un #ponyfill, una pizca de magia arcana y varios artificios quirúrgicos. Dista de ser perfecta pero por lo menos es funcional.

𝗕𝘆, 𝗯𝘆 𝗖𝗦𝗦𝗡𝗲𝘅𝘁, 𝗵𝗲𝗹𝗹𝗼 𝗽𝗼𝘀𝘁𝗰𝘀𝘀-𝗽𝗿𝗲𝘀𝗲𝘁-𝗲𝗻𝘃:

#Node #CSS #PostCSS

https://thewhale.cc/posts/by-by-cssnext-hello-postcss-preset-env

As CSSNext is now deprecated you can use instead the Postcss plugin "PostCSS Preset Env" to lets you use modern CSS in your style sheet.

𝗕𝘆, 𝗯𝘆 𝗖𝗦𝗦𝗡𝗲𝘅𝘁, 𝗵𝗲𝗹𝗹𝗼 𝗽𝗼𝘀𝘁𝗰𝘀𝘀-𝗽𝗿𝗲𝘀𝗲𝘁-𝗲𝗻𝘃:

#Node #CSS #PostCSS

https://thewhale.cc/posts/by-by-cssnext-hello-postcss-preset-env

As CSSNext is now deprecated you can use instead the Postcss plugin "PostCSS Preset Env" to lets you use modern CSS in your style sheet.

Фиксим залипающий hover на мобильных устройствах

Что мы проверили: Залипающий hover на мобильных устройствах – частый баг. Раньше мы решали это просто плагином PostCSS Hover Media Feature, он оборачивает все псевдоклассы :hover в медиазапрос @media (hover: hover) {}. Так мы проверяли поддержку hover и отключали его на мобилках. Но во время тестирования одного проекта оказалось, что на некоторых устройствах hover продолжает залипать.

https://habr.com/ru/articles/955650/

#CSS #scss #postcss #plugin

Un-Sass’ing My CSS: Compiling Multiple CSS Files Into One, by @sturobson:

https://www.alwaystwisted.com/articles/UnSassing-my-CSS-CSS-imports

#css #sass #postcss

Compiling Multiple CSS Files Into One, by @geoff (@csstricks):

https://css-tricks.com/compiling-multiple-css-files-into-one/

#css #sass #postcss #tooling

#Development #Approaches
Compiling multiple CSS files into one · Simplify your setup with a custom script or PostCSS https://ilo.im/166t50

_____
#Files #CSS #Sass #PostCSS #JavaScript #NodeJS #Tooling #WebDev #Frontend

What We Learned From Creating PostCSS, by @sitnik_en and @travisturner.bsky.social (@evilmartians):

https://evilmartians.com/chronicles/what-we-learned-from-creating-postcss

#postcss #history #lessons #tipsandtricks

CSS-медиазапросы без min- и max-. Как работает новый синтаксис и стоит ли переходить?

Разбираем новые возможности CSS Media Queries Level 4 — логические операторы сравнения, которые делают код более читаемым и интуитивным. От (min-width: 768px) and (max-width: 1024px) к простому (768px <= width <= 1024px) . Зачем это нужно и как с этим работать?

https://habr.com/ru/articles/929530/

#медиазапросы #media_queries #вёрстка #адаптивная_вёрстка #css #css3 #postcss #диапазоны_css