ホームページ >ウェブフロントエンド >CSSチュートリアル >ジョエルのお気に入りのレクリエーション

ジョエルのお気に入りのレクリエーション

PHPz
PHPzオリジナル
2024-08-06 01:41:22788ブラウズ

Joel

導入

私の名前はジョエル・ムカンヤです。 「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 を操作しました。

以上がジョエルのお気に入りのレクリエーションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。