Shakedown Social

GENKIそしてこうなってくると、<a href="https://social.vivaldi.net/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> はもう <a href="https://social.vivaldi.net/tags/CSSVariables" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSSVariables</a> だけでいいんじゃない？という気持ちにもなって、だったら <a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> のほうが使いやすいんだよなーという気持ちがあるOpen Props: sub-atomic styles <a href="https://open-props.style/" rel="nofollow noopener" translate="no" target="_blank">https://open-props.style/</a>

GENKI<a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> 変数を活用したフレームワークの <a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> の作者で Chrome for developers でも最新の <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> を中心にたくさんの記事を執筆してる Adam Argyle さん、急に Google での仕事を失った（クビになった？）っぽい… 何があったんだ…G̶o̶o̶g̶l̶e̶r̶… ex-Googler. · April 10, 2025 <a href="https://nerdy.dev/ex-googler" rel="nofollow noopener" translate="no" target="_blank">https://nerdy.dev/ex-googler</a>

GENKIライトモードとダークモードの切り替えはやっぱり <a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> みたいに CSS 変数でやるべきだな<a href="https://social.vivaldi.net/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> が html タグに dark ってタグとか付けさせようとしててちょっとげんなりしている まあマニュアル切り替えみたいなことするならそういうのもあるとは思うけど、なんかやっぱり Tailwind は CSS 知ってると遠回りでしかないように感じる<a href="https://tailwindcss.com/docs/dark-mode" rel="nofollow noopener" translate="no" target="_blank">https://tailwindcss.com/docs/dark-mode</a>

GENKI<a href="https://social.vivaldi.net/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#TailwindCSS</a> の設定が <a href="https://social.vivaldi.net/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a> ではなく <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> からできるようになるらしい。 <a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> とかで見慣れた <a href="https://social.vivaldi.net/tags/CSS%E5%A4%89%E6%95%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS変数</a> <a href="https://social.vivaldi.net/tags/CSSVariables" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSSVariables</a> で設定を上書きするスタイル。<a href="https://tailwindcss.com/docs/v4-beta#css-first-configuration" rel="nofollow noopener" translate="no" target="_blank">https://tailwindcss.com/docs/v4-beta#css-first-configuration</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<a href="https://ruby.social/@konnorrogers" class="u-url mention" rel="nofollow noopener" target="_blank">@konnorrogers</a> what do you think of <a href="https://open-props.style/" rel="nofollow noopener" translate="no" target="_blank">https://open-props.style/</a>Is custom property lockin better than <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> classname lockin? <a href="https://mastodon.social/tags/openProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#openProps</a>

GENKI<a href="https://social.vivaldi.net/tags/StateOfCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateOfCSS</a> の 2023 の CSS フレームワークの部、 <a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> が興味と満足度で <a href="https://social.vivaldi.net/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#TailwindCSS</a> を上回ってたやっぱそうだよね、という気持ち :tony_smiling: <a href="https://2023.stateofcss.com/ja-JP/css-frameworks/" rel="nofollow noopener" translate="no" target="_blank">https://2023.stateofcss.com/ja-JP/css-frameworks/</a>

GENKIサンプルコードが特になんの注釈もなく <a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> 読み込んでる前提なのは、記事書いてる人がそもそもその作者だから :tony_laughing:Adapting typography to user preferences with CSS<a href="https://web.dev/adapting-typography-to-user-preferences-with-css/" rel="nofollow noopener" target="_blank">https://web.dev/adapting-typography-to-user-preferences-with-css/</a>

GENKI<a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> の <a href="https://social.vivaldi.net/tags/Figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#Figma</a> <a href="https://social.vivaldi.net/tags/Variables" class="mention hashtag" rel="nofollow noopener" target="_blank">#Variables</a> とかそのうち整備されそう（そしたら作り方の参考にしたい

GENKI<a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> でも採用されてる、あるスタイル内にスコープが閉じたローカル <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> 変数を --_foo って命名するやつ、もう結構メジャーなあれなのかな？（これ真似していくCSS Pattern: Fancy backgrounds with CSS gradients <a href="https://css-pattern.com/" rel="nofollow noopener" target="_blank">https://css-pattern.com/</a>

GENKI今、個人的に推してる <a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> っていう <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> 変数をデザイントークンとして整備したライブラリの作者であり、<a href="https://social.vivaldi.net/tags/VisBug" class="mention hashtag" rel="nofollow noopener" target="_blank">#VisBug</a> っていう Chrome 拡張の作者でもある Adam Argyle さんが front-end.social にいた！早速フォロー！:tony_wee: （もはやファン

GENKI<a href="https://social.vivaldi.net/tags/OpenProps" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenProps</a> をがっつり導入すると決めてから意外とまだ細いところ触り切れてない。<a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://social.vivaldi.net/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://open-props.style/" rel="nofollow noopener" target="_blank">https://open-props.style/</a>

Recent searches

Search options

Administered by:

Server stats:

#openprops