Planet_Hunters

このリポジトリは、WebサイトPlanet Hunters のソースコードです。

※仮想、架空のWebサイト

上記リンクは、このリポジトリをGitHub Pagesを用いて公開しています。

制作内容

Web上で配布された制作課題を元に、架空ゲームの公式サイトを作成しました。

既存デザインのコーディングのみです。

課題元

• 無料コーディング練習所
• 制作者さまTwitter: ねこポン@webdesigner_go さん

成果物

• レスポンシブ対応: PC版・タブレット版・SP版と、画面幅に対応してレイアウトが変化します。

開発環境

• Windows 11
• VSCode
• Adobe Photoshop 2023
• Figma

動作確認

ブラウザ

• Chrome
• Safari

実機

• Windows 11
• iPhone XR

未実施事項

• Chrome/Safari以外のブラウザ対応
• 日本語以外の対応
• WebPによる軽量化(課題元ページ参照)

制作まとめ記事

無料コーディング練習所 中級編 3 : 架空ゲームの公式サイト に挑戦しました！ - ふーしゃのWeb制作ブログ

参考(使用ツール等)

• Modern CSS Reset / Global Styles
• Google Fonts
• Font Awesome
• Unsplash
• Pixabay
• Pixels
• Epic Spinners