Web_Design_Conference

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

※仮想、架空のWebサイト

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

制作内容

Web上で配布された制作課題を元に、Webデザインのセミナー特設サイトを作成しました。

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

課題元

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

成果物

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

開発環境

• Windows 11
• VSCode
• Adobe Photoshop 2023
• Adobe XD

動作確認

ブラウザ

• Chrome
• Safari

実機

• Windows 11
• iPhone XR

未実施事項

• Chrome/Safari以外のブラウザ対応
• 日本語以外の対応

制作まとめ記事

無料コーディング練習所 中級編 1 : Webデザインのセミナー特設サイト に挑戦しました！ - ふーしゃのWeb制作ブログ

参考(使用ツール等)

• Modern CSS Reset / Global Styles
• ストック写真、ロイヤリティフリーの画像、グラフィック、ベクターおよびビデオ | Adobe Stock
• Google Fonts
• Font Awesome