「誰もが古いものに触れることを恐れていたので、90%未使用のCSSがありました」
JSパーティーポッドキャストからの抜粋:
Kend C. Doddsは、多くの開発者が、変更が安全かどうかわからないため、従来のCSSを使用するときにコードをコピーすることを選択することが多いと述べました。 PayPalプロジェクトでは、CSSコードの90%が使用されていないため、古いコードを簡単に変更しようとしないため、使用されていません。これは、開発者がCSSスキルを欠いているためではなく、CSS自体に欠陥があるためでもあります。
Emma Bostainは、これがCSS-in-JS(スタイルのコンポーネントなど)のようなソリューションの鍵であると指摘しています。コンポーネント内のスタイルロジックをカプセル化し、コードの競合を回避し、スタイルの追加、削除、変更が容易になります。
Doddsは、これらのツールがこの問題を解決するために作成されることに同意します。
多くの大企業にも同様の問題があります。多数の開発者、頻繁な従業員の離職率があります。これにより、どのCSSコードが使用されているかを誰も知りません。
そのため、Doddsはコンポーネントベースのスタイルソリューションを好むことがあります(ただし、複雑なツールやJavaScriptの構文に熱心ではありません)。キーは、スタイルとコンポーネントの緊密な結合にあり、開発者はスタイルを変更することを恐れなくなりました。すべてのプロジェクトにこのアプローチが必要なわけではありませんが、フロントエンドアーキテクチャがすでにコンポーネント(JavaScriptのない優れたフロントエンドアーキテクチャ)に基づいている場合、このスタイルは完璧です。
これに基づいて、Doddsは「スコープスタイル」が標準化の議論でカムバックすることに興奮しています。
彼は古代のアイデアを思い出しました(おそらくブラウザに一時的に登場しました):スタイルをHTMLに直接追加し、スタイルは親要素のみで機能します。このアイデアは素晴らしいものであり、彼は再び実現することを望んでいます。
ただし、新しいソリューション(ミリアムの元の提案など)は、下および上限を設定できるなど、この基本的な概念よりも賢いため、DOM(ニコールサリバンが提案した用語)の「リング」スタイルの範囲を達成します。最終結果に関係なく、Shadow Domとゼロツールのないスコープスタイルは非常に理にかなっています。
以上が「誰もが古いものに触れることを恐れていたので、90%未使用のCSSがありました」の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

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

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

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

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック











これは、フォームアクセシビリティについて行った小さなシリーズの3番目の投稿です。 2番目の投稿を逃した場合は、「ユーザーフォーカスの管理:Focus-Visible」をご覧ください。で

このチュートリアルでは、Smart Formsフレームワークを使用して、プロフェッショナルなJavaScriptフォームの作成を示しています(注:使用できなくなりました)。 フレームワーク自体は利用できませんが、原則とテクニックは他のフォームビルダーに関連しています。

CSS Box-Shadowおよびアウトラインプロパティは、WordPress 6.1でTheme.jsonサポートを獲得しました。実際のテーマでどのように機能するか、そしてこれらのスタイルをWordPressブロックと要素に適用するために必要なオプションのいくつかの例を見てみましょう。

最近GraphQLの作業を開始した場合、またはその長所と短所をレビューした場合、「GraphQLがキャッシュをサポートしていない」または

Svelte Transition APIは、コンポーネントがカスタムSVELTE遷移を含むドキュメントを入力または離れるときにアニメーション化する方法を提供します。

この記事では、Envato Marketで入手可能なPHPフォームのビルダースクリプトを説明し、機能、柔軟性、デザインを比較します。 特定のオプションに飛び込む前に、PHPフォームのビルダーが何であるか、そしてそれを使用する理由を理解しましょう。 PHPフォーム

あなたのウェブサイトのコンテンツプレゼンテーションの設計にどれくらいの時間に費やしますか?新しいブログ投稿を書いたり、新しいページを作成したりするとき、あなたは考えていますか

NPMコマンドは、サーバーの開始やコンパイルコードなどの1回限りのプロセスまたは継続的に実行されるプロセスとして、さまざまなタスクを実行します。
