I've been fooling around with PostCSS, trying to build a lightweight f-CSS framework as an alternative to Tailwind. The progress is slow, but I've learned A LOT about PostCSS.
Tailwind offers a PostCSS plugin. This means you can either use it standalone or integrate it with other preprocessors.
Learn how to configure your Storybook to integrate the PostCSS plugin.
ed.gr/c8p2d
CSS Logical Properties replaces left/right to start/end. In right-to-left languages (Arabic/Hebrew) “start” is on another side (progress bar should go to left).
@JordanHall_dev wrote Stylelint plugin to force developers to use them for better i18n.
github.com/Jordan-Hall/style…
Now added logical-height and logical width migration to stylelint use logical spec NPM package npmjs.com/package/stylelint-…
Its time we get the internet into globalisation
You're getting this because it's technically not correct CSS syntax, but PostCSS.
You can fix it by adding a "PostCSS language" extension to vscode, and then set this file to be treated as PostCSS instead of CSS (which is what I do in the video series).
marketplace.visualstudio.com…
CodeKit 3.14 is live. It's my largest update in a decade:
- automatic @tailwindcss support
- custom @PostCSS plugins
- PurgeCSS
- CSSO
- CSS import statements
- Native on M1
- Big UI changes
- MIDIs
codekitapp.com/updates/
13.10.0 is out! It adds one new rule and the `ignoreDisables` & `report*` options to the configuration object. It also squashes 1 bug.
stylelint.io/changelog#13100
For nesting, I've been considering using PostCSS with the nesting module which implements the current CSS Nesting spec.
This way, I can hopefully remove the need for the PostCSS once browser support is wide enough 🤞
github.com/jonathantneal/pos…
Browserslist is industry-standard to set target browsers for web projects.
Our unified config is used by @Autoprefixer, @babeljs, and @postcss normalize. It comes with Create React App, Angular CLI, and Rails.
Support us to promote browsers diversity
opencollective.com/browsersl…
You need to run `npx browserslist@latest --update-db` every month to keep browsers data up to date.
Otherwise, `last 2 browsers` or `> 1%` will return outdated browsers, @Autoprefixer and @babeljs will add unnecessary polyfills.
github.com/browserslist/brow…