JavaScript
ねこポンさん の 無料コーディング練習所 から、上級編に挑戦。はじめてのDartSass、FLOCSS/BEMでの開発。ポイントをまとめました。
背景 先日、無料コーディング練習所 の中級編2に取り組みました。 fuchsia-84.hatenablog.com 今回は続編となる中級編3への挑戦です！ 課題元 : webdesigner-go.com 成果物 Webブラウザで見る ※Chrome、Safari対応 fuchsia-84.github.io 本日2時間ほど⏲️ 中…
背景 先日、無料コーディング練習所 の中級編1に取り組みました。 fuchsia-84.hatenablog.com 今回は続編となる中級編2への挑戦です！ 課題元 : webdesigner-go.com 成果物 Webブラウザで見る(Chrome、Safari対応) fuchsia-84.github.io GitHub - fuchsia-84…
背景 昨年の休止期間中にTwitterの相互フォロワーである ねこポン さん がコーディング学習向けサイトを無料で公開されたのを見かけ、ぜひ取り組んでみたいと思っておりました。 : 無料コーディング練習所 回復したので遅ればせながら挑戦！ 準備編から上級…
背景 お題からワイヤーフレームとデザインカンプを制作するWeb配布課題に取り組みました。(有料noteです) Webデザインカンプを1から作るための説明書｜こばやす｜Webデザイナー｜note 今回はSP版コーディングについてのまとめです。 制作したデザインカンプ…
背景 お題からワイヤーフレームとデザインカンプを制作するWeb配布課題に取り組みました。(有料noteです) Webデザインカンプを1から作るための説明書｜こばやす｜Webデザイナー｜note 制作したデザインカンプについてはこちら↓ fuchsia-84.hatenablog.com 今…
背景 2021年6月に取り組んだWebデザイン制作課題のコーディングを進めています。 fuchsia-84.hatenablog.com fuchsia-84.hatenablog.com 課題元: 【美容室編】Webデザイン実践課題配布！（ポートフォリオ掲載OK） | PENGIN BLOG 今回は、こちらのSP版コーデ…
背景 2021年6月、ワイヤーフレームからオリジナルWebデザインをつくる課題に挑戦しました。 fuchsia-84.hatenablog.com 課題元: 【美容室編】Webデザイン実践課題配布！（ポートフォリオ掲載OK） | PENGIN BLOG 今回はこちらのコーディング作業のまとめにな…
背景 2021年6月、Webデザインの制作課題に取り組みました。 fuchsia-84.hatenablog.com 課題元: 【美容室編】Webデザイン実践課題配布！（ポートフォリオ掲載OK） | PENGIN BLOG 今回は、こちらのPC版コーディングを終えたので記事にまとめていきます！ 成果…
背景 Google Mapが埋め込まれたWebサイトはたくさんありますが、 Google Map Platformでカスタマイズができるということで試してみました。 ググって出てきた記事内容とは画面レイアウトが変わっていたり必要な情報が異なっていたりしたため、備忘録がてら記…
背景 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プロフェッショナル認定…
背景 Webサイト制作について学習する中、いつも制作済みのデザインをコーディングし、使用ツールもXDばかりになっていたので、はじめて1からオリジナルデザインを制作し、コーディングしてみることにしました。 今回はワイヤーフレームをAdobe Comp、デザイ…
9月分のWebコーディング模写が1つおわったので、 そのまとめです。元ページ - Name Of Love 参考書籍 : 久保田涼子著「Webデザイン良質見本帳」SBクリエイティブ株式会社 成果物 ※12/28 画像差し替え対応済。 学習項目 HTML/CSS/JavaScript ハンバーガーメニ…
