✅ Meet Andrey Sitnik, the author of PostCSS, in person 😊
#postcss #adevintaspainfrontendday
Waiting for Safari 17 to test the PostCSS plugin to use JXL in the CSS background
#jpegxl #jxl #postcss #css #ImagePerf #productperf #webperf
CKEditor5 scoped styles in Drupal with PostCSS via PreviousNext.
https://www.previousnext.com.au/blog/ckeditor5-scoped-styles-postcss #Drupal #CKEditor #PostCSS
CKEditor5 scoped styles in Drupal with PostCSS via PreviousNext.
https://www.previousnext.com.au/blog/ckeditor5-scoped-styles-postcss #Drupal #CKEditor #PostCSS
#oklch() in the #CSS Color 4 specification looks really promising for easier #color management. It's not quite ready for prime time, but you can already use it with #PostCSS.
Here's a thorough explanation.
https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl
Big thanks to @BryceWray for providing the solution to my long term problem of cache-busting using @eleventy and Tailwind CSS using PostCSS. Been racking my tiny brain for ages trying to figure out a solution. His post can be found at
https://www.brycewray.com/posts/2020/11/using-postcss-cache-busting-eleventy/
#eleventy #postcss #development
Some of the future is now for CSS
Intrigued by news from the WebKit team, I adopt styling that could work natively in your browser in the near future.
https://www.brycewray.com/posts/2023/02/some-future-now-css/
#WebDev #WebKit #CSS #CSSNesting #StaticSiteGenerators #Hugo #Sass #SCSS #PostCSS #Safari #Chrome #GoogleChrome #Firefox #W3C
#w3c #FireFox #googlechrome #Chrome #safari #postcss #scss #sass #hugo #staticsitegenerators #cssnesting #CSS #webkit #WebDev
グラデーションにイージング加えるとこんなにグラデーション滑らかになるのか!
#PostCSS と #Sketchapp プラグインが提供されてる :tony_astonished:
(最近ちょっと Sketchapp にちょっと興味戻ってきてるんだよな…
Wrote a postcss plugin to generate global, mobile first, media queries from a config object.
Config:
```js
{
small: 420,
large: 800,
dark: "prefers-color-scheme: dark"
}
```
Usage:
```postcss
@media (--small) {}
@media (--small-only) {}
@media (--large) {}
@media (--dark) {}
```
Becomes:
```css
@media (min-width: 420px) {}
@media (min-width: 420px) and (max-width: 799px) {}
@media (min-width: 800px) {}
@media (prefers-color-scheme: dark) {}
```
https://github.com/allmyfutures/postcss-custom-media-generator
Wrote a little custom #postcss plugin to generate mobile first `@custom-media` rules from a configuration object.
https://github.com/allmyfutures/postcss-custom-media-generator
Apparently the final release of Hugo for 2022:
#webdev #staticsitegenerators #hugo #sass #css #postcss
#10ThingsILoveRightNow
1 #nintendoswitch
2 #firefox
3 #mastodon
4 #astro (framework)
5 #vue (framework)
6 #postcss (framework)
7 #archery
8 #genshin
9 #bleach
10 #github
#10thingsiloverightnow #nintendoswitch #firefox #Mastodon #astro #vue #postcss #archery #genshin #bleach #github
@cuboci @wiverson Sure... but technically the "easy" answers you're giving the #sveltekit wizard are getting handed off to #vite, #postcss, etc. via config magic. Again, you probably want something where the integrations are more intentional.
I guess if you really want to see how the sausage gets made, you should play with #vanilajs and #webpack, #vite, etc before even playing with a framework?
No matter what, I feel ya. There's no getting around the magic :P
#sveltekit #vite #postcss #vanilajs #webpack
#Opensource is a defining part of @evilmartians culture. Dozens of libraries and utilities for developers in diverse programming language communities + plugins
#RubyRails
#Js
#Nodejs
#Go
#CSS
#GraphQL
#PostgreSQL
#PostCSS
#CI
#webtools
#webdev
#opensource #rubyrails #js #nodejs #go #css #graphql #postgresql #postcss #ci #webtools #webdev
In fact, AFAIK #Sass was the very first thing with any concept like that… #Webpacker, #Typescript, #PostCSS, #Less, and all are children of #SassCSS !
#sass #webpacker #typescript #postcss #less #sasscss
Progress on all fronts!
1. My private website refactoring is almost done: typography for posts, most layouts, and I just enjoy #PostCss & #CSSCustomProperties.
2. I was able to test the GreenKayak app with several users and improved the overall flow a lot. It got simpler and stuff like a FAB was removed as most people found this confusing.
I worked to bring the HCT color space used in Material Design to CSS with a Post CSS plug-in! 🎨
https://github.com/rodydavis/postcss-color-hct
#css #postcss #hct #materialdesign #MaterialYou #colorscience #dev #web #html #javascript
#css #postcss #hct #materialdesign #materialyou #colorscience #dev #web #html #javascript
I'm surprised by how few projects use #PostCSS on here (and are maintained). I absolutely love it and won't start a project without it if I can help it. Standards > scss.