この記事では、CSSBattle.devでホストされているCSSコーディングチャレンジを紹介します。 課題には、指定された文字制限内でHTMLとCSSのみを使用してSitePointロゴを再現することが含まれます。
このリンクを介してチャレンジにアクセスできます
キーチャレンジの詳細:
許可されていない画像またはSVGはありません:純粋なCSSおよびHTMLのみ。
pixel-perfect精度が重要です
-
文字カウントを最小化:完璧な一致を達成した後、焦点はコードの簡潔さにシフトします。
- 型にはまらないテクニックを受け入れる:課題は、典型的な生産コーディングの実践を超えた実験を奨励しています。
- 賞:
現金賞(50ドル、30ドル、20ドル)が上位3人の参加者に授与されます。 さらに、上位20のフィニッシャーにはプレミアムメンバーシップが贈られます。 友人や同僚の間の友好的な競争も奨励されています。
-
よくある質問(FAQ):
次のFAQは、課題に関する一般的な質問に対処しています:
チャレンジの目的:
実際のコーディングタスクを通じて実用的なHTMLおよびCSSスキルを評価する。
必要なスキル:HTMLとCSSの基本的な理解が必要です。
準備:
チュートリアル、書籍、またはオンラインコースをレビューし、Webページの作成を練習しています。
- トラブルシューティング:問題を解決し、オンラインコミュニティの助けを求め、学習が主な目標であることを忘れないでください。
評価基準:- コード構造、清潔さ、CSSアプリケーション、および機能が評価されます。
外部リソース:
許可されていますが、単に依存するべきではありません。-
一般的な間違い:
不適切なHTML構造、効果のないCSS、および不十分なテスト。
-
コラボレーション:課題は個々の演習として意図されていますが、アドバイスを求めることは受け入れられます。
- スキルの改善:練習を続け、より高度なテクニックを探求し、他のコーディング言語の学習を検討してください。
参加の利点:- 知識、問題解決の強化、およびポートフォリオ構築の実用的な応用。
この課題は、賞と認識を求めながら、HTMLとCSSのスキルを磨くための楽しく魅力的な方法を提供します。
以上がコードチャレンジ#2:文字のテストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。