#postcss — Public Fediverse posts

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

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

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

#CSS #scss #postcss #plugin

postcss-color-golf plugin 1.2.0 released!
https://github.com/xero/postcss-color-golf/releases/tag/1.2.0

rgb(255,0,0) → red
aliceblue → #f0f8ff
#aabbcc → #abc;
rgba(255, 170, 187) → #fab
rgba(255, 170, 187, 0.8) → #fabcc
rgb(255, 255, 255, 1) → #fff
rgb(0, 255, 0, 0.8) → #0f0c
fuchsia → #f0f

#postcss #css #csstransforms #color #codegolf #golf #plugin

every wanna golf your css color codes? yeah, me neither. just use my postcss plugin to do it for you
https://github.com/xero/postcss-color-golf

https://npmjs.com/package/postcss-color-golf

#npm #js #postcss #css #scss #sass #style #css3 #optomization #golf #codegolf

#Development #Releases
Native CSS nesting support arrives in the big three browsers · The release of Firefox 117.0 completes the trifecta https://ilo.im/150a5r

_____
#WebDev #Frontend #Browser #CSS #CssNesting #Chrome #Firefox #Safari #Sass #PostCSS

グラデーションにイージング加えるとこんなにグラデーション滑らかになるのか！
#PostCSS と #Sketchapp プラグインが提供されてる :tony_astonished:

（最近ちょっと Sketchapp にちょっと興味戻ってきてるんだよな…