私の最後の更新(2024年9月!)からしばらく経ちましたが、CSS-Tricksでエキサイティングなことが起こっています。ハイライトに飛び込みましょう。
年鑑の拡張
私の最後の2024年の投稿は、年鑑の拡大を優先しました。 CSSセレクター、アットルール、機能の新しいセクションでそれを改良しましたが、最初はまばらでした。 2025年の開始以来、 21の新しい年鑑エントリを追加しました。これは、チームとコミュニティの間の共同の取り組みです。これらの追加には次のものが含まれます。
-
animation-timeline
-
interpolate-size
-
overlay
-
@charset
-
@counter-style
-
@import
-
@keyframes
-
@namespace
-
@page
-
@view-transition
-
attr()
-
calc-size()
-
counter()
-
counters()
-
hsl()
-
lab()
-
lch()
-
light-dark()
-
oklch()
-
rgb()
-
symbols()
そして、それだけではありません!現在、さらに14に取り組んでいます。このペースを一年中維持することは予想していませんが(各エントリには多大な努力が必要です)、それは私たちのコミットメントの証です。アルマナックは私たちの唯一の焦点ではないことを忘れないでください。新鮮な記事やチュートリアルを提供することに専念しています。
ポッドキャストとイベントのハイライト
私は過度に社交的であることは知られていませんが、最近のポッドキャストとイベントの出演を楽しんでいます。
- WCAG、ベストプラクティス、およびアクセシビリティに関する個人的な経験に焦点を当てたミニカンファレンスであるSmashing Meets Accessibilityをホストしました。
- また、Adam Argyle、Julia Micene、Miriam SuzanneをフィーチャーしたSmashing Meets CSSもホストしました。
- Brad Frost、 Open Upと新しいポッドキャストを共催します。ここでは、レイオフや職業目的の再発見などの挑戦的なトピックなど、Webデザインと開発のあまり話題の側面について説明します。
- 私はTech In Tech Podcastのメンタルヘルスのゲストであり、急速な技術の進歩の課題について議論しました。
新しいカウンタースタイリングガイド
予想外に、CSSカウンターのスタイリングに関する包括的なガイドが優先事項になりました。 Juan Diego Rodriguezは、その複雑さを強調し、デザイン、アクセシビリティ、セマンティクスを網羅しています。このガイドでは、 counter()
およびcounters()
関数(アルマナックに新たに文書化された)を含む多数のCSSツールを調査します。これは2025年の最初の新しいガイドであり、年末の前に別のガイドを期待しています。
著者に感謝します!
最後に、新しい記事を提供した才能ある作家に感謝したいと思います。
- リー・マイヤー
- Zell Liew
- アンディクラーク
- Temani Afif
- アンディ・ベル
- プレエティ
- ダニエル・シュワルツ
- ブライアン・ロビンソン
- Sunkanmi Fafowora
そして、フアン・ディエゴ・ロドリゲスとライアン・トリンブルへの特別な叫び声。あなたは両方ともこのサイトと私の仕事を信じられないほどやりがいにします!
以上がCSS-Tricks XLIIIを記録しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

この投稿では、Blackle Moriは、CohostのHTMLサポートの限界を押し広げようとしている間に見つかったハックのいくつかを示します。あえてこれらを使用してください、あなたもCSS犯罪者とラベル付けされないようにしてください。

CSSを備えたカスタムカーソルは素晴らしいですが、JavaScriptを使用して次のレベルに物事を引き出すことができます。 JavaScriptを使用して、カーソル状態間で移行し、カーソル内に動的テキストを配置し、複雑なアニメーションを適用し、フィルターを適用できます。

2025年には、互いに互いに跳ね返る要素を伴うインタラクティブなCSSアニメーションは、CSSにPongを実装する必要はありませんが、CSSの柔軟性とパワーの増加はLee'の疑いを補強します。

CSSバックドロップフィルタープロパティを使用してユーザーインターフェイスをスタイルするためのヒントとコツ。バックドロップフィルターを複数の要素間でレイヤー化する方法を学び、それらを他のCSSグラフィカル効果と統合して、精巧なデザインを作成します。

まあ、SVG'の組み込みのアニメーション機能は、計画どおりに非推奨されることはありませんでした。確かに、CSSとJavaScriptは負荷を運ぶことができる以上のものですが、以前のようにSmilが水中で死んでいないことを知っておくのは良いことです

イェーイ、テキストワラップのジャンプを見てみましょう:サファリテクノロジーのプレビューにかなり着陸してください!しかし、それがChromiumブラウザーでの仕組みとは異なることに注意してください。

このCSS-Tricksアップデートは、アルマナック、最近のポッドキャスト出演、新しいCSSカウンターガイド、および貴重なコンテンツを提供するいくつかの新しい著者の追加の大幅な進歩を強調しています。

ほとんどの場合、人々はTailwind'の@Apply機能を紹介します。このように展示されたとき、@Applyはまったく有望な音をしません。だからobvio


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ホットトピック









