PAS-POLの模写が終わりました(スマホ画面とPC画面)。 かかった期間は約10日間。 時間にすると、15時間位でしょうか。 今回はスマホ画面とPC画面を同時に作っていきました。 スマホ画面のヘッダー作ってPC画面のヘッダー作って、 スマホ画面の「PRODUCT」se...

PAS-POLの模写を始めました。 見本サイト↓ PAS-POL -旅のモノづくりブランド-｜TABIPPO 新たに模写を開始するに当たり、今回は以下の事に挑戦しようと思います。 リセットCSSを使う。 Bootstrapを使う（パーツだけ）。 レスポンシブデザインを、スマホサイ...

ISARA[イサラ]のレスポンシブデザイン（スマホ画面）の模写が終了しました！ かかった期間は約半月。 pc画面と合わせると、イサラの模写に約2か月かかりました。 出来栄えはこんな感じ↓ isara.life模写制作LP isara.life模写制作LP この「受講の流れ」部分...

ISARAのレスポンシブデザイン、スマホ画面の模写コーティングが半分くらい終わりました。 一部お見せします↓ isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.lif...

ISARAのレスポンシブデザイン(スマホ画面)の模写を始めました。 スマホからの見た目を確認するには、デベロッパーツールを開き左下のアイコンをクリックします。 機種を選択できたり、「Responsive」で横幅を伸び縮みできます↓ スマホ画面だとposition:fix...

現在レスポンシブデザインの勉強中です。 そんな中わかってきた、レスポンシブデザインを作るコツを書いていきたいと思います。 レスポンシブデザインは横幅可変を前提としたデザインを作るのが基本なので、最初から(pc画面から作るにしてもスマホ画面から...