ホームページ > ウェブフロントエンド > jsチュートリアル > ソーラーパス - 私のマークアップをグラムアップ

ソーラーパス - 私のマークアップをグラムアップ

WBOY
リリース: 2024-09-11 14:31:53
オリジナル
923 人が閲覧しました

The Solar Path - Glam Up My Markup

これは Frontend Challenge v24.09.04、Glam Up My Markup: Space への提出です

私が作ったもの

太陽系を探検する: 惑星を発見する

これは、ユーザーが惑星を探索し、そのユニークな特徴について学び、太陽系を巡る仮想の旅に乗り出すことができる Web サイトです。

デモ

デモリンク -
https://rayx81194.github.io/space/
Github リンク -
https://github.com/RayX81194/space

フロントエンドチャレンジに参加するのは初めてだったので、興奮すると同時に少し緊張しました。コードに入る前に、Web サイトの全体的なデザイン言語に焦点を当てることから始めました。また、プロジェクトを改良するためのインスピレーションをインターネットで検索しました。数日間の苦労の末、ようやく完成しました。この課題により、レスポンシブ デザイン、色の選択、その他の面で私は大きな力を発揮することができました。私は自分が構築したものを心から誇りに思っており、このチャレンジを企画してくれた DEV.to チームに感謝したいと思います。今後のイベントにも参加するのが楽しみです

参考文献

  • すべての太陽系惑星画像 - https://www.figma.com/community/file/1170621963978896137/solar-system-at-scale-1px-1000km
  • フォント - https://fonts.google.com/
  • 月の背景画像 - https://wallhere.com/
  • 地球の背景画像 - https://www.pixel4k.com/earth-a-blue-dot-4k-74692.html

このプロジェクトは MIT ライセンスに基づいてライセンスされています

以上がソーラーパス - 私のマークアップをグラムアップの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート