Maison > interface Web > tutoriel CSS > le corps du texte

La récréation préférée de Joel

PHPz
Libérer: 2024-08-06 01:41:22
original
766 Les gens l'ont consulté

Joel

Introduction

Je m'appelle Joël Mukanya. Merci pour cette opportunité de travailler sur un nouveau challenge frontend, version 24.07.24, avec le thème "CSS Art and Glam Up My Markup.". (https://dev.to/challenges/frontend-2024-07-24)

Inspiration

L'une des tâches était de concevoir quelque chose en rapport avec nos activités de loisirs, et jouer aux échecs est l'une des miennes. Je voulais apprendre les échecs depuis mon enfance, mais d'autres engagements m'ont empêché de le poursuivre jusqu'au 23 juillet 2023, date à laquelle je me suis inscrit sur chess.com. Depuis, je joue régulièrement. Ce que j'apprécie le plus, c'est créer mes ouvertures aux échecs.

Démo

Voici mon lien de dépôt : GitHub Repository

Voici le lien hébergé : Démo en direct

Voyage

J'ai déjà de l'expérience dans le développement Web et dans d'autres domaines, donc créer un jeu d'échecs m'a aidé à comprendre la logique du jeu et à apprendre à utiliser JavaScript pour vérifier les coordonnées de chaque pièce. Malheureusement, je n’ai pas pu terminer le projet.

HTML5

Utilisez la navigation pour permettre aux utilisateurs de naviguer entre les sections (à propos et les échecs)
Sur le pied de page du site, j'inclus un copyright

CSS3

J'ai utilisé CSS 3 pour créer des variables et des propriétés personnalisées. J'ai également utilisé des dispositions en grille, sous-grille et flexibles. Y compris l'animation

Javascript

J'ai utilisé JavaScript pour créer une fonction récursive et manipuler le DOM.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!