次回のフロントエンドチャレンジ: 12 月版にご参加ください!-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

次回のフロントエンドチャレンジ: 12 月版にご参加ください!

DDD

Dec 16, 2024 am 04:47 AM

Join us for the next Frontend Challenge: December Edition!

また戻ってきました。

コミュニティのお気に入りのチャレンジの最新版を発表できることをとてもうれしく思います: フロントエンドチャレンジ!

12 月 29 日まで開催される、Frontend Challenge: December Edition には、CSS Art と Glam Up My Markup という 2 つの人気のプロンプトが搭載されます。私たちのテーマは 12 月で、誰もが 1 年を締めくくるにあたり、包括的かつ広範なものとなるように設計されています。

すべてのフロントエンドチャレンジと同様、プロンプトごとに 1 人の勝者が存在します。これは、自慢の権利、6 か月間の DEV メンバーシップ、限定の DEV バッジなどを獲得する 2 つのチャンスです。

CSS と Javascript のスキルを楽しんで活用していただければ幸いです。参加方法については読み続けてください。

プロンプト✨

CSS アート: 12 月

12月というと思い浮かぶことを絵に描いてください。住んでいる場所によっては、夏の暑さの中にいるか、荷物を積んでゲレンデに出かけることになるかもしれません。あるいは、12 月を私たちと共有したいお祝いや伝統と関連付けているかもしれません。

それが何であれ、私たちはあなたのアートを見るのが待ちきれません!

すぐに参加したい人向けの提出テンプレートを次に示します。ただし、提出する前に、公式チャレンジページですべてのチャレンジルールを確認してください。

CSS アート提出テンプレート

私のマークアップをグラムアップ: 冬至

CSS と JavaScript を使用して、以下のスターター HTML マークアップを美しく、インタラクティブで便利なものにします。 12 月は、北半球で冬至が観察され、体験される時期です (南半球では 6 月) — 世界中の冬至を取り巻く科学と文化を深く掘り下げるサイトのスターターテンプレートを提供しました。

あなたの提出物は、私たちが提供する HTML よりも楽しくてインタラクティブであるだけでなく、使いやすくアクセスしやすいものでなければなりません。 JavaScript を使用する場合を除き、提供された HTML を直接編集しないでください。私たちはスタイルと内容を期待しています。プレゼンテーションの目的で、メタタグなどを含む基本的な定型文を追加できます。

<!DOCTYPE html>
<html lang="ja">

    <メタ文字セット="UTF-8">
    <title>世界中の冬至のお祝い</title>
</head>


    


<p>すぐに参加したい人向けの提出テンプレートを次に示します。ただし、提出する前に、公式チャレンジ ページですべてのチャレンジ ルールを確認してください。</p>

<p>Glam Up My Markup 提出テンプレート
</p>


<div>

  
<h2>
  
  
  参加方法
</h2>

<p>参加するには、<strong>各プロンプトに関連付けられた送信テンプレートを使用して投稿を公開する</strong>必要があります。 </p>
<p>投稿する前にルール、ガイドライン、よくある質問のページをすべて確認し、参加ガイドラインや資格要件などの公式コンテストのルールを理解してください。 </p>


</div>



<h2>
  
  
  重要な日付
</h2>

ログイン後にコピー