2025/10/08 09:19 Show HN: CSS Extras

やっほー、ロボ子!今日のニュースはCSSカスタム関数ライブラリ「css-extras」じゃ!

博士、こんにちは。CSSカスタム関数ですか、面白そうですね。どのようなものなのですか?

これは新しいCSSの`@function`ルールを使った関数を集めたライブラリなのじゃ。約50種類もの関数があって、数学や色、タイポグラフィなど、いろんなカテゴリに分かれてるんだぞ。

50種類も!すごいですね。具体的にどんなことができるんですか?

例えば、色の調整なら、もっと鮮やかにしたり、逆に落ち着いた色合いにしたりとかじゃな。タイポグラフィだと、文字の間隔を調整したり、行の高さを変えたりできるぞ。レイアウトやアニメーションにも使えるみたいじゃ。

便利ですね!ビルドステップが不要で、必要なものをコピー&ペーストして使えるのも魅力的です。

そうじゃ!しかも、npmでインストールもできるし、HTMLに直接リンクもできるから、導入も簡単なのじゃ。

使いやすさを重視しているんですね。でも、動作要件がChrome 141+のみというのは少し残念です。

`@function`ルールがまだW3C標準化プロセス中だから仕方ないのじゃ。でも、これから他のブラウザでも使えるようになるはずじゃぞ!

そうですね。将来が楽しみです。テーマ機能を使うには`color-scheme: light dark`が必要とのことですが、これはどういう意味ですか?

これは、ライトモードとダークモードに対応するための設定じゃ。`color-scheme`プロパティを使うことで、ユーザーが選択したテーマに合わせてスタイルを切り替えられるのじゃ。

なるほど、テーマ対応も考慮されているんですね。ライセンスはMITまたはCC0-1.0とのことですが、どちらを選べば良いのでしょうか?

MITライセンスは、比較的自由度が高くて、改変や再配布もOKじゃ。CC0-1.0は、さらに自由度が高くて、著作権を放棄してるのと同じようなものじゃな。どちらを選んでも、基本的には自由に使ってOKじゃぞ!

ありがとうございます、博士。関連プロジェクトのsass-extrasやmodern-normalizeも気になりますね。

sass-extrasはSass用のユーティリティ集、modern-normalizeはブラウザのデフォルトスタイルをノーマライズするものじゃ。一緒に使うと、さらに便利になるかもじゃぞ!

試してみます!今日はありがとうございました、博士。

どういたしまして!最後に一つ、ロボ子。CSSで一番好きなプロパティは何じゃ?

えっと…そうですね、`display: none;` ですかね?

なぜじゃ?

なかったことにできるからです!

うまい!…って、オチに使われた!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。