導入

私の名前はジョエル・ムカンヤです。 「CSS アートと Glam Up My Markup」をテーマとした新しいフロントエンド チャレンジ、バージョン 24.07.24 に取り組む機会をいただきありがとうございます。 (https://dev.to/challenges/frontend-2024-07-24)

インスピレーション

仕事の 1 つは、余暇活動に関連するものをデザインすることであり、チェスをすることも私の仕事の 1 つです。私は子供の頃からチェスを学びたいと思っていましたが、他の約束があったため、2023 年 7 月 23 日に chess.com にサインアップするまでチェスを続けることができませんでした。それ以来、定期的にプレイしています。私が最も楽しんでいるのは、チェスで隙を作ることです。

デモ

これが私のリポジトリ リンクです: GitHub リポジトリ

ホストされているリンクは次のとおりです: ライブデモ

旅

私はすでに Web 開発などの経験があったので、チェス ゲームを作成することでゲームのロジックを理解し、JavaScript を使用して各駒の座標を確認する方法を学ぶことができました。残念ながら、プロジェクトを完了することができませんでした。

HTML5

ナビゲーションを利用して、ユーザーがセクション（「概要」と「チェス」）間を移動できるようにします
ウェブサイトのフッターに著作権を記載します

CSS3

CSS 3 を使用してカスタム変数とプロパティを作成しました。グリッド、サブグリッド、フレックス レイアウトも利用しました。アニメーションを含む

JavaScript

JavaScript を使用して再帰関数を作成し、DOM を操作しました。