Example: codepen.io/jakob-e/pen/...
@nerdy.dev maybe you could consider something similar for OpenProps 🙂
@nerdy.dev maybe you could consider something similar for OpenProps 🙂
Responsive font sizing (Breakpoint based - CSS only)
...
codepen.io
January 8, 2025 at 10:58 AM
Example: codepen.io/jakob-e/pen/...
@nerdy.dev maybe you could consider something similar for OpenProps 🙂
@nerdy.dev maybe you could consider something similar for OpenProps 🙂
Created a silly little pwa for if you want to draw together: draw-next.pages.dev
For me it was to try out llm's, using Preact and OpenProps of course 😎 @nerdy.dev
For me it was to try out llm's, using Preact and OpenProps of course 😎 @nerdy.dev
Draw Next
One drawing. Three artists. No peeking!
draw-next.pages.dev
September 16, 2026 at 8:30 AM
Created a silly little pwa for if you want to draw together: draw-next.pages.dev
For me it was to try out llm's, using Preact and OpenProps of course 😎 @nerdy.dev
For me it was to try out llm's, using Preact and OpenProps of course 😎 @nerdy.dev
TailwindCSSを割と好んで使ってきたけど、OpenPropsのほうが性に合ってそうだな。
次の制作からOpenPropsを主軸にしてみよう。
次の制作からOpenPropsを主軸にしてみよう。
May 1, 2024 at 2:33 AM
TailwindCSSを割と好んで使ってきたけど、OpenPropsのほうが性に合ってそうだな。
次の制作からOpenPropsを主軸にしてみよう。
次の制作からOpenPropsを主軸にしてみよう。
@tolin.ski So I rewrote AgnosticUI in Lit web components and I've definitely contemplated if some tasteful classless, typography defaults, utilities, helpers, etc. should be added in. It's very interesting to see Graffiti. Will have to play with it. Always dug Pico, OpenProps, etc. Synergy opp?
January 5, 2026 at 7:27 PM
@tolin.ski So I rewrote AgnosticUI in Lit web components and I've definitely contemplated if some tasteful classless, typography defaults, utilities, helpers, etc. should be added in. It's very interesting to see Graffiti. Will have to play with it. Always dug Pico, OpenProps, etc. Synergy opp?
🧠 Abstracción
En programación: Oculta detalles complejos y simplifica llevándolo a otro nivel.
En CSS: Dar estilo a un elemento puede ser muy verboso. Abstraer y simplificar permite verlo más sencillo.
¡Nesting CSS + variables + funciones CSS (y pronto mixins)! OpenProps también es excelente.
En programación: Oculta detalles complejos y simplifica llevándolo a otro nivel.
En CSS: Dar estilo a un elemento puede ser muy verboso. Abstraer y simplificar permite verlo más sencillo.
¡Nesting CSS + variables + funciones CSS (y pronto mixins)! OpenProps también es excelente.
September 4, 2025 at 11:54 AM
🧠 Abstracción
En programación: Oculta detalles complejos y simplifica llevándolo a otro nivel.
En CSS: Dar estilo a un elemento puede ser muy verboso. Abstraer y simplificar permite verlo más sencillo.
¡Nesting CSS + variables + funciones CSS (y pronto mixins)! OpenProps también es excelente.
En programación: Oculta detalles complejos y simplifica llevándolo a otro nivel.
En CSS: Dar estilo a un elemento puede ser muy verboso. Abstraer y simplificar permite verlo más sencillo.
¡Nesting CSS + variables + funciones CSS (y pronto mixins)! OpenProps también es excelente.
Maybe the OpenProps normalize could be extended to include some of the things PicoCSS has.
November 3, 2024 at 7:00 PM
Maybe the OpenProps normalize could be extended to include some of the things PicoCSS has.
I’m finding that @argyleink’s #openprops makes for a strong foundation to build modern #css on top of.
#webdev #css
#webdev #css
December 22, 2024 at 11:44 AM
I’m finding that @argyleink’s #openprops makes for a strong foundation to build modern #css on top of.
#webdev #css
#webdev #css
📘 CSS Y ESTILOS (ROADMAP 2025)
🚀 ¿Quieres perfeccionarte en el mundo del Diseño web y CSS?
¡Ojo a este Roadmap con conceptos, temas y tecnologías para mejorar en este 2025!
🚀 ¿Quieres perfeccionarte en el mundo del Diseño web y CSS?
¡Ojo a este Roadmap con conceptos, temas y tecnologías para mejorar en este 2025!
January 6, 2025 at 4:43 PM
📘 CSS Y ESTILOS (ROADMAP 2025)
🚀 ¿Quieres perfeccionarte en el mundo del Diseño web y CSS?
¡Ojo a este Roadmap con conceptos, temas y tecnologías para mejorar en este 2025!
🚀 ¿Quieres perfeccionarte en el mundo del Diseño web y CSS?
¡Ojo a este Roadmap con conceptos, temas y tecnologías para mejorar en este 2025!
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
https://coliss.com/articles/build-websites/operation/css/modern-css-snippets-for-2025.html
https://coliss.com/articles/build-websites/operation/css/modern-css-snippets-for-2025.html
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
Google Chromeの開発マネージャーであり、The CSS Working Groupのメンバーでもあり、VisBugやOpenPropsなどの開発者でもあるAdam Argyle氏による、2
coliss.com
February 6, 2025 at 4:01 AM
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
https://coliss.com/articles/build-websites/operation/css/modern-css-snippets-for-2025.html
https://coliss.com/articles/build-websites/operation/css/modern-css-snippets-for-2025.html
OpenPropsで構築してみてるけど、痒いところに手が届くのがイイ。
CSSがある程度わかっていないと使い勝手は良くないけど、理解があってCSSをしっかり書くつもりのときはとても便利に感じる。
TAILWINDをパターンオーダーだとするとOpenPropsはフルオーダーなイメージかな。
CSSがある程度わかっていないと使い勝手は良くないけど、理解があってCSSをしっかり書くつもりのときはとても便利に感じる。
TAILWINDをパターンオーダーだとするとOpenPropsはフルオーダーなイメージかな。
June 21, 2024 at 2:17 PM
OpenPropsで構築してみてるけど、痒いところに手が届くのがイイ。
CSSがある程度わかっていないと使い勝手は良くないけど、理解があってCSSをしっかり書くつもりのときはとても便利に感じる。
TAILWINDをパターンオーダーだとするとOpenPropsはフルオーダーなイメージかな。
CSSがある程度わかっていないと使い勝手は良くないけど、理解があってCSSをしっかり書くつもりのときはとても便利に感じる。
TAILWINDをパターンオーダーだとするとOpenPropsはフルオーダーなイメージかな。
Speaking of OpenProps, does anyone know of any other CSS-properties-based components (if you want to call them that)?
I'd be curious what else is out there.
#css
I'd be curious what else is out there.
#css
October 23, 2024 at 4:27 PM
Speaking of OpenProps, does anyone know of any other CSS-properties-based components (if you want to call them that)?
I'd be curious what else is out there.
#css
I'd be curious what else is out there.
#css
I'm going back and forth on Tailwind. On the one hand, it yields pretty results fast, but on the other hand it involves too much overhead for my taste
I think I prefer things like OpenProps
I think I prefer things like 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.
buff.ly
October 23, 2024 at 9:27 AM
I'm going back and forth on Tailwind. On the one hand, it yields pretty results fast, but on the other hand it involves too much overhead for my taste
I think I prefer things like OpenProps
I think I prefer things like OpenProps
My answer would be: make sure you don’t use Tailwind, but do use openprops 😁
November 29, 2024 at 12:28 AM
My answer would be: make sure you don’t use Tailwind, but do use openprops 😁
PicoCSS is based on css properties (but not OpenProps properties). I'd love to see something like PicoCSS but based on OpenProps.
November 2, 2024 at 6:21 PM
PicoCSS is based on css properties (but not OpenProps properties). I'd love to see something like PicoCSS but based on OpenProps.
<a href="https://coliss.com/articles/build-websites/operation/css/modern-css-snippets-for-2025.html" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">coliss.com/articles...
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
- CSSスニペットでUI/UXを向上
- 型指定CSS変数、ページ遷移も容易
- ダイアログやグラデーションもアニメーション
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
- CSSスニペットでUI/UXを向上
- 型指定CSS変数、ページ遷移も容易
- ダイアログやグラデーションもアニメーション
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
Google Chromeの開発マネージャーであり、The CSS Working Groupのメンバーでもあり、VisBugやOpenPropsなどの開発者でもあるAdam Argyle氏による、2
coliss.com
February 6, 2025 at 6:40 AM
<a href="https://coliss.com/articles/build-websites/operation/css/modern-css-snippets-for-2025.html" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">coliss.com/articles...
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
- CSSスニペットでUI/UXを向上
- 型指定CSS変数、ページ遷移も容易
- ダイアログやグラデーションもアニメーション
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
- CSSスニペットでUI/UXを向上
- 型指定CSS変数、ページ遷移も容易
- ダイアログやグラデーションもアニメーション
🏆 State of CSS 2023 results:
Highest Retention: Open Props @argyleink
Awarded to the technology with the highest percentage of returning users.
#OpenProps #css #webdev
2023.stateofcss.com/en-US/awards/
Highest Retention: Open Props @argyleink
Awarded to the technology with the highest percentage of returning users.
#OpenProps #css #webdev
2023.stateofcss.com/en-US/awards/
August 27, 2023 at 2:55 PM
🏆 State of CSS 2023 results:
Highest Retention: Open Props @argyleink
Awarded to the technology with the highest percentage of returning users.
#OpenProps #css #webdev
2023.stateofcss.com/en-US/awards/
Highest Retention: Open Props @argyleink
Awarded to the technology with the highest percentage of returning users.
#OpenProps #css #webdev
2023.stateofcss.com/en-US/awards/
TIL about OpenProps
November 29, 2024 at 2:13 AM
TIL about OpenProps
そしてこうなってくると、#Tailwind はもう #cssvariables だけでいいんじゃない？という気持ちにもなって、だったら #openprops のほうが使いやすいんだよなーという気持ちがある
Open Props: sub-atomic styles
https://open-props.style/
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.
open-props.style
August 9, 2025 at 3:51 AM
そしてこうなってくると、#Tailwind はもう #cssvariables だけでいいんじゃない？という気持ちにもなって、だったら #openprops のほうが使いやすいんだよなーという気持ちがある
Open Props: sub-atomic styles
https://open-props.style/
Open Props: sub-atomic styles
https://open-props.style/
#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
何があったんだ…
G̶o̶o̶g̶l̶e̶r̶… ex-Googler. · April 10, 2025
https://nerdy.dev/ex-googler
G̶o̶o̶g̶l̶e̶r̶… ex-Googler. · April 10, 2025
My role at Google was eliminated.
nerdy.dev
April 11, 2025 at 11:41 PM
#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
何があったんだ…
G̶o̶o̶g̶l̶e̶r̶… ex-Googler. · April 10, 2025
https://nerdy.dev/ex-googler
今日のZennトレンド
標準CSSは美しくなった、もはやTailwindは不要
標準CSSの進化により、ネスト構文や:has()、カスタムプロパティなどの機能が実装され、Tailwind CSSなどのフレームワークを使わずに効率的なスタイリングが可能になった。
TailwindはHTMLが煩雑になる課題があるが、標準CSSならHTMLの可読性を維持できる。
著者はOpenPropsなどのライブラリを組み合わせ、標準CSSで開発するアプローチを推奨している。
標準CSSは美しくなった、もはやTailwindは不要
標準CSSの進化により、ネスト構文や:has()、カスタムプロパティなどの機能が実装され、Tailwind CSSなどのフレームワークを使わずに効率的なスタイリングが可能になった。
TailwindはHTMLが煩雑になる課題があるが、標準CSSならHTMLの可読性を維持できる。
著者はOpenPropsなどのライブラリを組み合わせ、標準CSSで開発するアプローチを推奨している。
標準CSSは美しくなった、もはやTailwindは不要
最近、標準のCSSがかなり進化していることに気づきました。他のエンジニアと会話しても知らない人が多そうなのでシェアしておきます。数年ほど前からCSSは標準でネスト構文をかけるようになりました。これはとてつもない進化です。多くのプロジェクトでは、sassやscssなどを導入して、CSSを拡張したり、あるいはBootstrapのようなクラスで定義するタイプのCSSフレームワークを使用したりしていました
zenn.dev
June 24, 2026 at 10:27 PM
今日のZennトレンド
標準CSSは美しくなった、もはやTailwindは不要
標準CSSの進化により、ネスト構文や:has()、カスタムプロパティなどの機能が実装され、Tailwind CSSなどのフレームワークを使わずに効率的なスタイリングが可能になった。
TailwindはHTMLが煩雑になる課題があるが、標準CSSならHTMLの可読性を維持できる。
著者はOpenPropsなどのライブラリを組み合わせ、標準CSSで開発するアプローチを推奨している。
標準CSSは美しくなった、もはやTailwindは不要
標準CSSの進化により、ネスト構文や:has()、カスタムプロパティなどの機能が実装され、Tailwind CSSなどのフレームワークを使わずに効率的なスタイリングが可能になった。
TailwindはHTMLが煩雑になる課題があるが、標準CSSならHTMLの可読性を維持できる。
著者はOpenPropsなどのライブラリを組み合わせ、標準CSSで開発するアプローチを推奨している。
