Photoshop adobeXDPhotoshopからコーディングを始めました。文字情報や画像などを取得する方法。 Photoshopデータからコーディングを始めました。 Photoshopから文字情報や画像、余白の長さ等を取得する方法は、 下の記事にとても分かりやすく書かれており参考にさせて頂きました↓ Photoshopからコーディングする...2020.08.25Photoshop adobeXD
Photoshop adobeXDPhotoshop勉強中。「これからはじめるPhotoshopの本」の感想。 現在Photoshop勉強中です。 コーディングにおいてPhotoshopは最低限の知識(Photoshopデータから画像や文字を取得)さえあればいいのですが、せっかくだから基本的な操作はできるようになりたい。 ということでこの本を買いまし...2020.08.21Photoshop adobeXD
Photoshop adobeXDPhotoshopに登録しました。登録方法の解説と、windows8.1では使えず苦労した話。 Photoshopに登録しました(7日間は無料お試し)。 登録方法と、Photoshopはwindows8.1では使えずwindows10に無料アップグレードした話を書いていきたいと思います。 Photoshopの登録方法。 Phot...2020.08.14Photoshop adobeXD
JavaScript jQueryPAS-POLサイトの背景画像をスライドショーにしました。jQuery.BGSwitcherの使い方。 先日模写したのPAS-POLサイトですが、 メインビジュアルの背景画像をまだスライドショーにしてなかったのでスライドショーにしました。 ここのスライドショーは背景画像がふわっと切り替わるやつなのですが、「どうやるのかな~?」と調べた...2020.08.10JavaScript jQuery模写コーディング
模写コーディング架空のカフェサイトを作りました。クロスフェードスライダー。nth-childやnth-of-typeが効かない! あるHTML CSS学習本(前回の記事参照)で作るサンプルサイトを参考に、架空のカフェのサイトを作りました。 画像は、無料画像素材サイトの「写真AC」から取ってきてます。 出来栄えはこんな感じ↓ ここの画像はクロスフェードスラ...2020.08.07模写コーディング
JavaScript jQueryゴディバのサイトを模写しました。jQueryのプラグイン、「slick」スライダー。 ブログの更新が空いてしまいましが、その間ゴディバのサイトを模写してました。 スマホ画面、PC画面両方作り、約3週間で完成。 なぜゴディバのサイトを模写? 最初はコーポレート(企業)サイトを模写しようと思っていたのですが、 ゴディバの...2020.08.01JavaScript jQuery模写コーディング
模写コーディングPAS-POL模写完成。ブロックリンク。 PAS-POLの模写が終わりました(スマホ画面とPC画面)。 かかった期間は約10日間。 時間にすると、15時間位でしょうか。 今回はスマホ画面とPC画面を同時に作っていきました。 スマホ画面のヘッダー作ってPC画面のヘッダー作...2020.07.10模写コーディング
模写コーディング「PAS-POL」サイトの模写を始めました。リセットCSSとBootstrapを導入。 PAS-POLの模写を始めました。 見本サイト↓ PAS-POL -旅のモノづくりブランド-|TABIPPO 新たに模写を開始するに当たり、今回は以下の事に挑戦しようと思います。 リセットCSSを使う。 Bootstra...2020.07.06模写コーディング
模写コーディングISARA[イサラ]のレスポンシブデザイン模写終了。 ISARAのレスポンシブデザイン(スマホ画面)の模写が終了しました! かかった期間は約半月。 pc画面と合わせると、イサラの模写に約2か月かかりました。 出来栄えはこんな感じ↓ isara.life模写制作LP isara.lif...2020.07.02模写コーディング
模写コーディングISARAのレスポンシブ半分終了。pc画面とスマホ画面とで文字の改行を変える方法。 ISARAのレスポンシブデザイン、スマホ画面の模写コーティングが半分くらい終わりました。 一部お見せします↓ isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isa...2020.06.30模写コーディング