2025年のCSSウィッシュリスト

2024は、CSSにとって素晴らしい年です。クロスドキュメントビューの変換、スクロール駆動型アニメーション、アンカーポジショニング、アニメーションの高さ：自動など。それは少し場違いに聞こえますが、私たちはまだCSSのより多くの機能を楽しみにしています。多くの機能！

いくつかのアイデアをブレインストーミングしました...そしてあなたのアイデアのいくつか。

Geoffのウィッシュリスト

現在、すでに多くの優れたCSSツールがあると思います。私たちはたくさんの素晴らしいものを持っています - そして新しい！ - 機能、私はまだそれらの多くを学ぼうとしています。

しかし！もっと良いもののためのスペースが常にありますよね？または、4つの新しいものの余地があるかもしれません。新しいCSS機能を尋ねることができれば、これらを選択します。 1条件付きif（）ステートメント

もうすぐ来ます！または、CSSワーキンググループ（CSSWG）がIF（）条件をCSS値モジュールレベル5仕様に追加することを決定した場合、すでに存在します。これは、正式に定義されてブラウザに移動するには1〜2年（またはそれ以上？！）が必要であっても、大きな改善です。

2

これは「ケーキのアイシング」機能のようなものです。なぜなら、CSSプリプロセッサの領域に完全に属していると感じており、CSSの機能やミキシンなどの軽量の抽象化のためのツールがあると思われるからです。しかし、誰かが私にミックスインを提供しているなら、私は確かにノーとは言いません。これはおそらく、CSSプリプロセッサを押しつぶし、100％の時間の純粋なCSSを書くことができる最後のストローです。なぜなら、ミックスまたは機能が必要なときにSASSを使用する傾向があるからです。

ミックスインの提案とその最初のドラフト仕様に関するメモをたくさん書きました。この機能が必要な理由をお知らせします。

3

はい、お願いします！これは、CSSが他の言語での注釈作成に匹敵するマイナーな開発者の利便性です。私のCSSにJavaScriptアノテーションを書くことは、最も愚かなCSSエラーのリストにあるはずです（たとえそこに置いていなくても）。

4フォントサイズ：フィット

私は算術が嫌いですね！時々、サイズが入っているコンテナに合う単語や短いタイトルが欲しいだけです。 FluidタイポグラフィにClamp（）などのツールを使用できますが、これはまだ気にしたくない数学です。フォントサイズ設定にコンテナクエリとコンテナクエリユニットを使用することは解決策かもしれませんが、それはビューポートユニットよりも良いとは思われるかもしれません。

ライアンのウィッシュリスト

私はシンプルで小さな町のCSS開発者であり、過去数年にわたって私のブラウザに登場したすべての新機能に非常に満足しています。

5。

CSSアンカーポジショニングについてもっと説得する必要はありません、私はすでにそれを信じています！ 11月の大半でそれがどのように機能するかを学んだ後、私は12月にすぐにそれを使用することができないことを知っていました。

2024年末には、クロムベースのブラウザのみがサポートしていますが、残念ながらフォールバックとプログレッシブエンハンスメントは容易ではありません。ただし、利用可能なポリフィルがありますが（これは素晴らしいことです）、それはアンカーポジショニングによって解決される問題とは対照的なJavaScriptコードの別の部分を追加することを意味します。

しかし、私は忍耐強く、私は取得するのに長い間待ちました：ブラウザを入力しました、そして今、それはベースラインで1年間「新しく利用可能な」になっています（あなたはそれを信じられますか？）。

6。 私はアンカーポジショニングが好きです、私はポップアップが好きです、それらは非常によくマッチします！

ポップアップの賢いことは、＃Top-Layerに表示されることです。そのため、Z-Indexに関連する問題の積み重ねを避けることができます。これはほとんどの人が必要とするかもしれませんが、そこに要素を移動する他の方法を持つことは楽しいでしょう。また、＃トップレイヤーが存在することがわかったので、それを使用してもっと

ことをしたい - そこに何があるのか​​知りたいです。

正確に何が起こったのですか？ わかりました、おそらく仕様から始める必要があります。 CSSの位置レイアウトモジュールレベル4ドラフトでは、＃トップレイヤー、その目的、およびそこに含まれる要素のスタイルを処理する方法について説明しています。興味深いことに、＃トップレイヤーはユーザーエージェントによって制御されており、フルスクリーンAPIの副産物のようです。 現在、対話とポップアップが可能ですが、楽観的には、これらの機能の存在は、将来、他の方法で要素を＃トップレイヤーに促進できることを意味する場合があります。これはおそらくコヨーテ/ロードランナータイプのケースです。

7

個人的に、カスケードは私がCSSを書いた方法を変えました。

タグにレイヤー属性を含めることができれば、それは素晴らしいことだと思います。プロジェクトにCSSリセットを含めることができると想像してください。

または、訪問したページに従ってCSSセクションを動的に追加して、カスケードに統合します。

この機能は、人生のほとんどのものと同じように、CSSWGリポジトリで提案されています。

ブラウザは、認識していない属性に加えて、フォールバックの処理に関する明確な懸念について特に気が狂っています。このトピックは、ディスカッションのためにW3Cテクノロジーアーキテクチャグループ（TAG）にも提出されたため、まだ希望があります！

Juandiのウィッシュリスト

インターネットがワイルドで、人々がクリックカウンターを持っていたとき、私はそこにいなかったことを認めなければなりません。実際、私はあなたの平均的なネットワーク愛好家に比べてかなり若いと思います。フロートでレイアウトを作成する方法は知っていますが（私が選んだ最初のWebコースは非常に時代遅れです）、FlexBoxまたはCSSグリッドを使用する前に長い間耐える必要はなく、IEとブラウザのサポートで歯を噛まなかった。

<code><link href="https://cdn.com/some/reset.css" layer="reset" rel="stylesheet"></code>

したがって、ネットワークが過去に本当に必要としていた機能と比較して、そして現在のもののいくつかでさえ、次の願いは些細な要求のように思えるかもしれません。とにかく、ここに私が2025年に見たいと思っている3つの些細なリクエストがあります。

8

これは、CSSですでに可能であるべきであると誓うことの1つです。状況は次のとおりです。私は、兄弟の要素のインデックスまたは子要素の総数を知りたいと思っています。文字列の代わりに整数が必要な場合があるため、カウンター（）機能を使用できません。現在の方法は、HTMLのインデックスをハードコードすることです。

ミルク

<code><link href="https://cdn.com/some/reset.css" layer="reset" rel="stylesheet"></code>

卵
チーズ
• または、cssの各インデックスを書き込みます：

いずれにせよ、私は常にこの数字を引用する方が簡単であると感じています。インターリーブアニメーションのコードをより美しく、簡潔にするか、総数に基づいてスタイルを変更します。

<code>
<link href="/styles/main.css" rel="stylesheet">
<link href="/components/card.css" layer="components" rel="stylesheet"></code>

幸いなことに、兄弟と兄弟のindex（）関数のための作業草案の提案がすでにあります。構文は変わるかもしれませんが、2025年にそれらについてもっと聞いてみたいと思っています。

9

私はこれをアダム・アーガイルから盗んだが、フレックスラップレイアウトのバランスをとるより良い方法があればいいのにと思う。要素が容器が縮むにつれて1つずつ線を包むとき、それらはギャップだけが残されている（私はそれを嫌うことはありません）か、それを満たすために成長します（それは私が非常に痛みを感じさせます）：

<code></code>

ラインブレーク要素のバランスをとるよりネイティブな方法があればいいのに

これは間違いなく迷惑です。

10読みやすい/調査私はCSSWGとそれがすべてが本当に好きだったので、彼らのドラフトの作品、GitHubの質問、または彼らの会議についてのメモを読むのに多くの時間を費やしました。しかし、私はGitHubのあるリンクから別のリンクにジャンプするのが好きですが、特定の議論に関連するすべての質問を見つけるのは困難です。

これは、特定のトピックについてあなたの意見を表明することを始めるための基準を上げると思います。質問に参加したい場合は、すべての議論の全体像を理解する必要があります（何が言ったのか、何も機能しない理由、考慮すべきことなど）が、通常はいくつかの質問や会議に散らばっています。質問は長いかもしれませんが、それは問題ではありません（私はそれらを読むのが好きです）が、議論の一部がどこかに存在することを知りません。

それは直接的なCSSの願いではありませんが、関与する前に議論の全体を知るためのより簡単な方法があることを望んでいます。

ウィッシュリストには何がありますか？

私たちは尋ねました！あなたは答えました！群衆からのいくつかの選択肢は次のとおりです

• 背景画像を直接回転させます。
css範囲、拡張、タイプのパラメーターを備えたランダム（）
CSSアンカーポイント位置決めモードでは、マウスカーソル、ポインター、またはタッチポイントの位置を配置できます
テキストブロック内の特定の単語をクエリし、単語が表示されるたびにスタイルを適用するために使用される文字列セレクター
ネイティブ。
位置：a：詰まった擬似クラス
• に付着します

2025年に皆様のご多幸をお祈り申し上げます

CSS-Tricksの軌跡は、ここ数年でそれほどスムーズではなかったため、2025年の最大の願いは、Webについての議論を書き続け、刺激を与えることです。ハッピー2025！

以上が2025年のCSSウィッシュリストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。