コードチャレンジ#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衣類リムーバー

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ブロックと要素に適用するために必要なオプションのいくつかの例を見てみましょう。

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

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

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

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

この記事では、Scrollbarsの世界に飛び込みます。私は知っています、それはあまりにも魅力的ではありませんが、私を信じてください、よく設計されたページは手をつないで行きます
