CSS-Tricksは13歳の誕生日を祝います!今、ティーンエイジャー、そしてそれはなんと旅でした。今年のアップデートは、重要なサイトの改善と変更をカバーしています。
設計の強化
技術的にはまだV17にありますが、このサイトの設計は、最初の発売以来重要な進化を遂げています。重要な改善には次のものがあります。
- 改良検索: Jetpackのインスタント検索により、検索エクスペリエンスが大幅に向上します。
-
拡張されたアルマナックナビゲーション:新しいサイドバーは、Almanacページ内のナビゲーションを強化します(例:
background-blend-mode
)。 - 洗練されたタイポグラフィ:このサイトには、Hoefler&Coが組み込まれたまとまりのある書体ファミリーがあります。センチネル、リングサイド、オペレーターモノ、およびゴッサムは丸くなりました。
将来の設計反復には、バックエンドの技術的な更新が組み込まれる場合があります。
フォーラムの閉鎖
長年の検討の後、CSS-Tricksフォーラムは今年初めに閉鎖されました。既存のコンテンツへのアクセスは残っていますが、新しい投稿は許可されなくなりました。この決定は、困難ですが、以下のために必要でした。
- 節度の欠如:一貫した節度は持続不可能でした。
- スパムの増加:スパム量が多いと、重大な手動介入が必要でした。
- 技術的債務:フォーラムには、実質的な更新と再設計が必要でした。
フォーラムのサイトトラフィックへの限定的な貢献と専用のリソースの欠如は、最終的にこの閉鎖につながりました。焦点はコンテンツの作成とユーザー支援にシフトし、コミュニティディスカッションに適したプラットフォームを活用しました。
ソーシャルメディアの合理化
単純化の別の領域には、Twitter(@CSS)が含まれていました。アカウントの存在を維持している間、直接管理は中止されました。 Jetpack経由の自動ツイートは、ポストプロモーションを処理するようになり、時間のコミットメントなしで一貫したフォロワーの成長と関与をもたらします。これにより、長期のコンテンツ開発とSEOに焦点を絞ったアプローチが可能になります。
拡張された設計機能
CSS-Tricksは、さまざまな方法でカスタムデザインの機会を受け入れてきました。
- カスタムポストテンプレート: 「The Great Divide」エッセイに使用されるテンプレートなど、独自のデザインアプローチを可能にします。
- 「Fancy Post」テンプレート:ヒーローイメージと中央列を備えた合理化されたテンプレートは、WordPressのブロックエディター内のカスタムスタイリングの柔軟な基盤を提供します。
- カテゴリベースのテンプレート: WordPressのカテゴリ機能を活用することで、ポストコレクション用のカスタムランディングページを作成できます(たとえば、年末の考え、ガイドコレクション)。
ブロックエディターは、これらの設計機能を拡大するのに役立ち、前のエディターよりも大幅に改善されています。
eコマース統合
WooCommerceの統合により、CSS FlexboxやCSSグリッドガイドのポスターなど、製品の販売が容易になりました。さらに、MVPサポーターメンバーシップシステムを支えて、「The Greatest CSS TricksVol。I」ブックチャプターへのアクセスを提供します。 WooCommerceの機能は、メンバーシップ管理、サブスクリプション請求、および1回限りの製品販売にまで及びます。
サイト分析とスポンサー
サイト分析は安定したままで、毎月約800万ページのビューをホバリングしています。このサイトは、そのスポンサー、特にAutomattic、Netlify、Flywheel、およびFrontend Mastersに、貴重なサポートとパートナーシップに深い感謝を表しています。
その他のプロジェクト
Codepenは、継続的な開発とエキサイティングな将来の計画により、繁栄し続けています。 ShopTalk Podcastはその強い存在感を維持し、開発者の間で洞察に満ちた議論を提供します。
個人的な更新
著者と彼の家族はオレゴン州ベンドにとどまります。このアップデートは、進行中のパンデミックのナビゲートと、継続的な安全性と幸福の呼びかけに関するメモで終わります。著者は、元のデザイナーの仕事を認め、設計の変更の背後にある理論的根拠を説明します。
以上が13番目の4番目の詳細内容です。詳細については、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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

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

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

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

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

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