2020年– date –
-
Photoshopに登録しました。登録方法の解説と、windows8.1では使えず苦労した話。
Photoshopに登録しました（7日間は無料お試し）。 登録方法と、Photoshopはwindows8.1では使えずwindows10に無料アップグレードした話を書いていきたいと思います。 Photoshopの登録方法。 Photoshopの登録方法は、まずAdobeのPhotoshopのサイトに行きます... -
PAS-POLサイトの背景画像をスライドショーにしました。jQuery.BGSwitcherの使い方。
先日模写したのPAS-POLサイトですが、 メインビジュアルの背景画像をまだスライドショーにしてなかったのでスライドショーにしました。 ここのスライドショーは背景画像がふわっと切り替わるやつなのですが、「どうやるのかな～？」と調べたところ、「jQue... -
架空のカフェサイトを作りました。クロスフェードスライダー。nth-childやnth-of-typeが効かない！
あるHTML CSS学習本（前回の記事参照）で作るサンプルサイトを参考に、架空のカフェのサイトを作りました。 画像は、無料画像素材サイトの「写真AC」から取ってきてます。 出来栄えはこんな感じ↓ ここの画像はクロスフェードスライダー（画像が徐々に切り... -
ゴディバのサイトを模写しました。jQueryのプラグイン、「slick」スライダー。
ブログの更新が空いてしまいましが、その間ゴディバのサイトを模写してました。 スマホ画面、PC画面両方作り、約3週間で完成。 なぜゴディバのサイトを模写？ 最初はコーポレート(企業)サイトを模写しようと思っていたのですが、 ゴディバのサイトがコーポ... -
PAS-POL模写完成。ブロックリンク。
PAS-POLの模写が終わりました(スマホ画面とPC画面)。 かかった期間は約10日間。 時間にすると、15時間位でしょうか。 今回はスマホ画面とPC画面を同時に作っていきました。 スマホ画面のヘッダー作ってPC画面のヘッダー作って、 スマホ画面の「PRODUCT」se... -
「PAS-POL」サイトの模写を始めました。リセットCSSとBootstrapを導入。
PAS-POLの模写を始めました。 見本サイト↓ PAS-POL -旅のモノづくりブランド-｜TABIPPO 新たに模写を開始するに当たり、今回は以下の事に挑戦しようと思います。 リセットCSSを使う。 Bootstrapを使う（パーツだけ）。 レスポンシブデザインを、スマホサイ... -
ISARA[イサラ]のレスポンシブデザイン模写終了。
ISARA[イサラ]のレスポンシブデザイン（スマホ画面）の模写が終了しました！ かかった期間は約半月。 pc画面と合わせると、イサラの模写に約2か月かかりました。 出来栄えはこんな感じ↓ isara.life模写制作LP isara.life模写制作LP この「受講の流れ」部分... -
ISARAのレスポンシブ半分終了。pc画面とスマホ画面とで文字の改行を変える方法。
ISARAのレスポンシブデザイン、スマホ画面の模写コーティングが半分くらい終わりました。 一部お見せします↓ isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.lif...
