小包の作成者であるデボン・ゴベットの最新の傑作である小包CSSは、Rustで書かれたCSSパーサー、コンバーター、コンプレッサーです。これにより、CSS処理フィールドにさわやかな活力がもたらされます。
数週間前、私はesbuild
: cssbuild
に似たCSSツールを想像していました。輸入、パッケージ(現在は通常SASSに依存している)を処理でき、非常に高速で動作します。おそらく、プラグインベースで、PostCSS APIと互換性があるため、既存のPostCSSプラグインが実行できるようになります。また、ソースマップを生成してコード変更を行うことも、SASSを実行することもできます。このようなツールは、 esbuild
のようなCSSエコシステムの活力を刺激する可能性があります。
小包CSSは私が想像していたものに近いですが、現時点ではパッケージング機能がないようです(少なくともスタンドアロンではありません)。これは、新しい構文を発明する必要があるためだと思います。 @import
(ネイティブCSSと同じ)を使用する場合のSASSのあいまいさがレッスンである可能性があります。同じ間違いを繰り返したくないと私は誰も責任を負いません。構文を発明すると異なるツールカテゴリに分類されるため、これは実際には難しい問題です。しかし、CSSを小さなファイルに分解して開発中にパッケージ化することは、小包に完全に依存することなく一般的な慣行であるため(パッケージ化できます)、それだけの価値があると思います。
それでは、なぜ小包CSSを使用してCSSを処理するのですか?ドキュメントによると、理由は次のとおりです。
- CSS圧縮
- ベンダープレフィックスを自動的に追加します
- CSSモジュールを処理する(クラシックライブラリ、ネイティブではない)
- ソースマップを生成します
(最初は、AutoprefixerやCSSNANOなどのツールがプロジェクトのpackage.json
ファイルに表示されるため、これらのタスクを達成するために他のツールを利用したと思いました。
キラー機能もあります!小包CSSの最も強力な機能は「構文低下」だと思います。つまり、将来のCSS機能(ネストなど)を使用して、BabelがJavaScriptを処理するように、ブラウザが理解できるコードに処理できます。これは、PostCSS-Preset-ENVの精神に似ています。
そして、それは非常に速いです:
小包CSSはエコシステムになることができますか?
最大の問題は、小包CSSが優先されたCSSパーサーになった場合、プラグインを取得しますか?プラグインを取得した場合、PostCSSプラグインのような強力なエコシステムになりますか?
以上が小包CSS:新しいCSSパーサー、変圧器、およびミニフィーター、新しいCSSパーサーの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

CSSグリッドは、複雑で応答性の高いWebレイアウトを作成するための強力なツールです。設計を簡素化し、アクセシビリティを向上させ、古い方法よりも多くの制御を提供します。

記事では、レスポンシブデザインにおけるスペースの効率的なアラインメントと分布のためのレイアウト方法であるCSS FlexBoxについて説明します。 FlexBoxの使用量を説明し、CSSグリッドと比較し、ブラウザのサポートを詳細に説明します。

この記事では、ビューポートメタタグ、柔軟なグリッド、流体メディア、メディアクエリ、相対ユニットなど、CSSを使用してレスポンシブWebサイトを作成するための手法について説明します。また、CSSグリッドとフレックスボックスを使用してカバーし、CSSフレームワークを推奨しています

この記事では、要素の寸法の計算方法を制御するCSSボックスサイズのプロパティについて説明します。コンテンツボックス、ボーダーボックス、パディングボックスなどの値と、レイアウト設計とフォームアライメントへの影響について説明します。

記事では、CSS、キープロパティ、およびJavaScriptとの組み合わせを使用してアニメーションの作成について説明します。主な問題は、ブラウザの互換性です。

記事では、3D変換、主要なプロパティ、ブラウザの互換性、およびWebプロジェクトのパフォーマンスに関する考慮事項にCSSを使用して説明します。

この記事では、CSSグラデーション(線形、放射状、繰り返し)を使用して、ウェブサイトのビジュアルを強化し、深さ、フォーカス、および現代の美学を追加します。

記事では、CSSの擬似要素、HTMLスタイリングの強化における使用、および擬似クラスとの違いについて説明します。実用的な例を提供します。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

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

メモ帳++7.3.1
使いやすく無料のコードエディター

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

SublimeText3 中国語版
中国語版、とても使いやすい

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
