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

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

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

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

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

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

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

ホットトピック











Google Fontsが新しいデザイン(ツイート)を展開したようです。最後の大きな再設計と比較して、これははるかに反復的です。違いをほとんど伝えることができません

プロジェクトにカウントダウンタイマーが必要だったことはありますか?そのようなことのために、プラグインに手を伸ばすのは自然なことかもしれませんが、実際にはもっとたくさんあります

新しいプロジェクトの開始時に、SASSコンピレーションは瞬く間に起こります。これは、特にbrowsersyncとペアになっている場合は素晴らしい気分です。

タータンは、スコットランド、特にファッショナブルなキルトに通常関連する模様のある布です。 Tartanify.comでは、5,000を超えるTartanを集めました

インラインテンプレートディレクティブにより、既存のWordPressマークアップに対する進行性の強化として、リッチVUEコンポーネントを構築できます。

PHPテンプレートは、多くの場合、サブパーコードを促進するために悪いラップを取得しますが、そうである必要はありません。 PHPプロジェクトが基本を実施する方法を見てみましょう

私たちは常にWebをよりアクセスしやすくしたいと考えています。色のコントラストは単なる数学なので、SASSはデザイナーが見逃したかもしれないエッジケースをカバーするのに役立ちます。
