#openprops — Public Fediverse posts

そしてこうなってくると、#Tailwind はもう #CSSVariables だけでいいんじゃない？という気持ちにもなって、だったら #OpenProps のほうが使いやすいんだよなーという気持ちがある

Open Props: sub-atomic styles
https://open-props.style/

そしてこうなってくると、#Tailwind はもう #CSSVariables だけでいいんじゃない？という気持ちにもなって、だったら #OpenProps のほうが使いやすいんだよなーという気持ちがある

Open Props: sub-atomic styles
https://open-props.style/

そしてこうなってくると、#Tailwind はもう #CSSVariables だけでいいんじゃない？という気持ちにもなって、だったら #OpenProps のほうが使いやすいんだよなーという気持ちがある

Open Props: sub-atomic styles
https://open-props.style/

そしてこうなってくると、#Tailwind はもう #CSSVariables だけでいいんじゃない？という気持ちにもなって、だったら #OpenProps のほうが使いやすいんだよなーという気持ちがある

Open Props: sub-atomic styles
https://open-props.style/

そしてこうなってくると、#Tailwind はもう #CSSVariables だけでいいんじゃない？という気持ちにもなって、だったら #OpenProps のほうが使いやすいんだよなーという気持ちがある

Open Props: sub-atomic styles
https://open-props.style/

Today, I moved ahead with a task to remove dependencies on Google Material Components and Icons from #hackercamp Donut web app. I'm not done yet, but 600KB gzipped from the whole site is down. Same or better functionality with https://open-props-ui.netlify.app/ and https://feathericons.com/ and site specific styles. #MaterialDesign #MaterialWeb #OpenProps #FeathersIcons #WebPerf #IndieWeb

#CSS 変数を活用したフレームワークの #OpenProps の作者で Chrome for developers でも最新の #CSS を中心にたくさんの記事を執筆してる Adam Argyle さん、急に Google での仕事を失った（クビになった？）っぽい…
何があったんだ…

G̶o̶o̶g̶l̶e̶r̶… ex-Googler. · April 10, 2025
https://nerdy.dev/ex-googler

ライトモードとダークモードの切り替えはやっぱり #OpenProps みたいに CSS 変数でやるべきだな

#Tailwind が html タグに dark ってタグとか付けさせようとしててちょっとげんなりしている
まあマニュアル切り替えみたいなことするならそういうのもあるとは思うけど、なんかやっぱり Tailwind は CSS 知ってると遠回りでしかないように感じる

https://tailwindcss.com/docs/dark-mode

#TailwindCSS の設定が #JS ではなく #CSS からできるようになるらしい。
#OpenProps とかで見慣れた #CSS変数 #CSSVariables で設定を上書きするスタイル。

https://tailwindcss.com/docs/v4-beta#css-first-configuration

@konnorrogers what do you think of https://open-props.style/

Is custom property lockin better than #css classname lockin?

#openProps

Playing with [email protected] oklch palette colors. It’s crazy the number of colors possible from a few props - https://codepen.io/woodcox/pen/Bagpgpx #css #OpenProps

Oklch tinted gray scale color palette using #OpenProps #css https://codepen.io/woodcox/pen/jOjVxKm

Bon… j'ai une nouvelle idée de pet project.

À base de #11ty, #webc , #stimulus & #openprops

Ça va être un peu sport quand même.

#StateOfCSS の 2023 の CSS フレームワークの部、 #OpenProps が興味と満足度で #TailwindCSS を上回ってた

やっぱそうだよね、という気持ち :tony_smiling:

https://2023.stateofcss.com/ja-JP/css-frameworks/

The results are in for the 2023 State of #CSS survey, and among many surprising (and some not so surprising) takeaways is that the honor of winning the “Highest Retention” award went to… #OpenProps 🎉

Congratulations! (And if you don't yet know what Open Props is, you don't know what you're missing! It's a super rad way to #WebDev your own design system using vanilla CSS variables)

https://thathtml.blog/2023/08/open-props-wins-2023-state-of-css-survey/

サンプルコードが特になんの注釈もなく #OpenProps #CSS 読み込んでる前提なのは、記事書いてる人がそもそもその作者だから :tony_laughing:

Adapting typography to user preferences with CSS

https://web.dev/adapting-typography-to-user-preferences-with-css/

#OpenProps の #Figma #Variables とかそのうち整備されそう（そしたら作り方の参考にしたい

#OpenProps でも採用されてる、あるスタイル内にスコープが閉じたローカル #CSS 変数を --_foo って命名するやつ、もう結構メジャーなあれなのかな？（これ真似していく

CSS Pattern: Fancy backgrounds with CSS gradients https://css-pattern.com/

今、個人的に推してる #OpenProps っていう #CSS 変数をデザイントークンとして整備したライブラリの作者であり、#VisBug っていう Chrome 拡張の作者でもある Adam Argyle さんが front-end.social にいた！早速フォロー！:tony_wee:
（もはやファン

#OpenProps をがっつり導入すると決めてから意外とまだ細いところ触り切れてない。

#CSS #WebDev

https://open-props.style/