Misskeyでは2025年も大きな機能改修・リファクタリングに取り組んでいます。その中にCSS Variablesに関する作業もあったので、今回はその紹介も兼ねてMisskeyで使っている便利なテクニックなどを取り上げます。

はじめに 先日、CSS Working Groupは css-variables-2 の仕様を開始することを承認しました。 追加項目は「Custom Units」のサポートです。 カスタムユニットとはどんなものなのか見てみましょう。 この記事で解説するCSSの機能はまだ開発中で、最終決定ではありません。

CSSの変数（カスタムプロパティ）の基礎知識、便利な使い方を詳しく解説します。Webページやスマホアプリのレイアウト、コンポーネントなど、実際の使用例がたくさんあるので、実用的なテクニックが満載です。

最近のReactiveConfセッションで、Scott Tolinski氏は、CSS言語への最近の追加により、開発者は本格的なCSSフレームワークを使用する必要がない可能性 ...

CSS変数を活用する2番目の方法は、テンプレートのルートレベルでCSS変数の宣言をインライン化することである。

Variables CSS personalizadas, reutilizables en todo el diseño. Imagina que estás ajustando el tamaño de un título: ahora puedes escribir directamente clamp(1rem, 5vw, 3rem) y lograr que el texto se ...

Si habéis trabajado con CSS seguramente echaréis de menos las variables. Poder definir una variable con un color en la parte superior del código, por ejemplo, y hacer referencia a la misma durante ...