Mastodawn

GENKI Aug 9, 2025

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

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

Open Props: sub-atomic styles

Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.

Aleš Roubíček Jun 2, 2025

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

Open Props UI | A modern CSS UI library

CSS UI library leveraging the most modern features. Components you can copy and paste into your project.

Open Props UI

GENKI Apr 11, 2025

#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

Devtools Fm 151 · August 25, 2025

Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.

nerdy.dev

GENKI Mar 26, 2025

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

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

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

Dark mode - Core concepts

Using variants to style your site in dark mode.

MelHamnavoe Dec 22, 2024

I’m finding that @argyleink’s #openprops makes for a strong foundation to build modern #css on top of.
#webdev #css

GENKI Nov 23, 2024

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

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

Tailwind CSS v4.0 Beta - Tailwind CSS

Preview what's coming in the next version of Tailwind CSS.

Show thread

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸Sep 9, 2024

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

Is custom property lockin better than #css classname lockin?

#openProps

Open Props: sub-atomic styles

Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.

Sue Aug 25, 2024

@argyleink hi Adam! looking for a nudge in the right direction. I think I've heard of a utility that maps an rbg to the closest open props color, but I can't find it. Is it real? Can you share a link? TYVM :) #OpenProps