過去記事– category –

2ndのDAY17の課題は「マウスホバー時の動きを付ける」になります。 DAY16までのコードの全てのリンク要素(aタグ)に対して、マウスホバー(:hover)時の動作を指定していきます。 マウスホバー時の動作サンプルとして下記記事が紹介されています。 【コピペOK...

2ndのDAY16の課題は「XDからフッターのコーディング」になります。 DAY15までの課題にフッターをレスポンシブ込みで追加していきます。これでDAY1から続けてXDからのコーディングシリーズで一つのLPの見栄えが完成することになるんですかね。 XDのデザイン...

東京フリーランスが提供している30DAYSトライアル1st無事終了することとができたので、自分の学習記録をまとめておきます。 30DAYSトライアル1stのゴール 30DAYSトライアル1stのゴールは「コーディングの副業で月5万円を稼げるレベル」に到達することにな...

2ndのDAY15の課題は「XDからお問い合わせフォームのコーディング」になります。 例のごとくDAY14までのソースコードにお問い合わせフォームのコードをデザインカンプから作成します。もちろんレスポンシブ対応も含みます。 それ以外の条件として以下が指定...

2ndのDAY14の課題は「XDからテーブルとGoogleMap埋め込みのコーディング」になります。 DAY13までのソースコードにテーブルとGoogleMapの埋め込みを追加していきます。もちろんレスポンシブ対応込みで。 デザインカンプから読み取れる以外の条件として以下...

Kindle Unlimitedは定期的に登録時に料金がお得になるキャンペーンを行っています。(キャンペーン以外で入会した場合は初月無料で2ヶ月目以降は契約が自動更新され980円(税込)/月)。 既にKindle Unlimitedを継続利用する気があるのであれば良いですが、お...

2ndのDAY13の課題は「XDからニュース系のコーディング」になります。 DAY10(DAY11で修正があった場合はDAY11)までの続きにコーディングをしていきます。 今回もレスポンシブ対応込みの課題です。 HTMLの構成 これでいきます。 HTML作成 まずはHTMLのみを記...

Googleカレンダーなどを使用してデジタルで便利にスケジュール管理ができますが、「スケジュール管理はアナログのほうがいい」っていう方は多いと思います。 そんな時に力を発揮してくれるのがiPadとApple Pencil。 今回はノートアプリの超定番Goodnotes4(...

2ndのDAY12の課題は「ボタン、見出しを自在に作れるようになる」になります。 HTML、CSSで利用頻度が多いであろう見出しとボタンのパターンをXDのデザインカンプから作成していきます。 これにより自力でパーツを作成できるようになることがベストですが、...

2ndのDAY11の課題は「PerfectPixel」を使ってチェック ＆ 修正」になります。 DAY9、DAY10で作成したレイアウトがデザインカンプからズレていないかのチェックを行い、ズレている箇所を修正という内容ですね。 デザインカンプのレイアウトを1mmのズレもな...