背景 2020年夏頃、ワイヤーフレームからオリジナルWebデザインをつくる課題に挑戦しました。 fuchsia-84.hatenablog.com 今回はこちらのコーディング作業のまとめになります。 成果物 実際のwebページへ ※Chrome・Safari対応、レスポンシブ対応(2021/8/30) ※…

背景 先日PC版コーディングを終えたページのSP版コーディングについてです！ fuchsia-84.hatenablog.com 成果物 実際のWebページをみる(GitHub Pages) ※Chrome/Safari対応、レスポンシブ済 2021/8/30現在 #架空サイトPJ レスポンシブ対応完了しましたキャプ…

背景 2020年7月、Webデザインの制作課題に取り組みました。 fuchsia-84.hatenablog.com 今回は、こちらのPC版コーディングを終えたので記事にまとめていきます！ 成果物 実際のWebページ(Github Pages) ※Chrome/Safari対応、PCのみ対応 (2021/8/26現在) 下に…

記事にするのが遅くなりましたが、今年リニューアルしたポートフォリオの制作についてまとめてみました！ 背景 筆者のこれまでのポートフォリオはこんな履歴でした↓ HugoテーマをNetlifyデプロイ(2019/1) Hugoテーマ使用のポートフォリオ できたこと : はじ…

背景 コロナ禍で自粛を極める中、Web制作関連で新たに資格を取得しようと思い、主にjavascriptに関わるもので調べ、受験しました。 html5exam.jp 受験の準備 勉強期間 2ヶ月ほど 教材 大きく2つ使用しました。 まず、書籍から。 HTML5プロフェッショナル認定…

背景 公開されているワイヤーフレームからカンプ制作する課題です。 【ポートフォリオ掲載OK！】実践的なWeb制作課題を配布します | PENGIN BLOG 前記事のPC版カンプをもとに、SP版カンプも制作しました。 成果物 画像 SP版デザインカンプ 制作スケジュール…

背景 公開されているワイヤーフレームからカンプ制作する課題です。 【ポートフォリオ掲載OK！】実践的なWeb制作課題を配布します | PENGIN BLOG PC版のデザインカンプから先に作成しました。 理由としてはワイヤーフレーム上にお客様側から掲載要望に上がっ…

背景 実務に近い形のワイヤーフレームからwebデザインカンプを制作する課題ページを見つけたので、取り組んでみることにしました。 課題ページ↓ 【ポートフォリオ掲載OK！】実践的なWeb制作課題を配布します | PENGIN BLOG 成果物 PC版デザインカンプ(プロト…