简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> tutoriel CSS> le corps du texte

Glam Up My Markup : Système solaire

DDD
Libérer： 2024-09-14 14:15:08
original
511 Les gens l'ont consulté

Glam Up My Markup: Solar System

Ceci est une soumission pour Frontend Challenge v24.09.04, Glam Up My Markup : Space

Ce que j'ai construit

Ces sites Web réactifs sur le système solaire tentent de rendre visuellement époustouflant, interactif et éducatif, tout en étant accessibles et faciles à utiliser, comme mentionné dans les critères du défi.

Démo

Lien GitHub du projet

Lien de déploiement de projet

Système solaire

Voyage

Comme le modèle n'inclut aucun élément de conception ni d'interactivité, nous devons donc d'abord réfléchir à la façon de faire preuve de créativité pour le rendre visuellement attrayant et engageant et également être accessible et facile à utiliser. Nous utilisons Tailwind CSS à des fins de style. J'ai également utilisé d'autres outils et technologies, par exemple Swiper JS et Scrollreveal Animation, qui ont contribué à créer un rendu plus attrayant visuellement.
J'espère que ce sera un bon exemple de conception réactive qui sera utilisé en créant plusieurs pages (à l'aide du framework React) sur les systèmes solaires plus en détail et en en faisant un site Web éducatif pour les enfants.

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
Article précédent：Défi Frontend : édition spatiale Article suivant：Aucun
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
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1313
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
9
1411
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1240
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1145
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1221
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
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！