模写コーディング 「アネ婚」模写。二行テキストのボタンリンクの作り方。
アネ婚の模写コーディング途中経過です。 現在やっと3分の1程度終わりました(レスポンシブも)。 アネ婚長い… 途中で挫折しかけましたが、何とか続けています。 二行テキストのボタンリンクの作り方。 このボタンリンク↓ テキストが二行ですよね。...
ハルト
模写コーディング 
模写コーディング 「アネ婚」模写。キラリと光るボタンの実装。疑似要素にposition:absoluteを指定する方法。
こんにちは。 「アネ婚」模写コーディングの途中経過です。 現在、「お喜びの声」の部分までスマホ画面・PC画面共に終わりました。 キラリと光るボタンの実装。 このボタン、キラリと光るんです↓ これ、jQueryでやる必要があるのかなと思ったら...
模写コーディング heightをレスポンシブ(高さ可変)にする方法「paddingハック」。
案件受注へ向け最後の詰めに、新たなLP(ランディングページ)の模写を始めました。 そのLPがこちら↓ 東京中目黒の結婚相談所【アネ婚】30代・40代が主役の婚活 これは「ランディングページ集めました」というサイトから選びました。 （このサイ...
Photoshop adobeXD Photoshopからコーディングその② ＆ 案件受注について。
Photoshopデータからコーディングする練習の為、もう一つ模写してみました。 また、案件受注に関しても書いていこうと思います。 Photoshopデータからコーディングその②。 Photoshopデータからコーディング、２回目です。 今...
Photoshop adobeXD Photoshopからコーディングを始めました。文字情報や画像などを取得する方法。
Photoshopデータからコーディングを始めました。 Photoshopから文字情報や画像、余白の長さ等を取得する方法は、 下の記事にとても分かりやすく書かれており参考にさせて頂きました↓ Photoshopからコーディングする方法【10...
Photoshop adobeXD Photoshop勉強中。「これからはじめるPhotoshopの本」の感想。
現在Photoshop勉強中です。 コーディングにおいてPhotoshopは最低限の知識(Photoshopデータから画像や文字を取得)さえあればいいのですが、 せっかくだから基本的な操作はできるようになりたい。 ということでこの本...
Photoshop adobeXD Photoshopに登録しました。登録方法の解説と、windows8.1では使えず苦労した話。
Photoshopに登録しました（7日間は無料お試し）。 登録方法と、Photoshopはwindows8.1では使えずwindows10に無料アップグレードした話を書いていきたいと思います。 Photoshopの登録方法。 Photosh...
JavaScript jQuery PAS-POLサイトの背景画像をスライドショーにしました。jQuery.BGSwitcherの使い方。
先日模写したのPAS-POLサイトですが、 メインビジュアルの背景画像をまだスライドショーにしてなかったのでスライドショーにしました。 ここのスライドショーは背景画像がふわっと切り替わるやつなのですが、「どうやるのかな～？」と調べたところ、...
模写コーディング 架空のカフェサイトを作りました。クロスフェードスライダー。nth-childやnth-of-typeが効かない！
あるHTML CSS学習本（前回の記事参照）で作るサンプルサイトを参考に、架空のカフェのサイトを作りました。 画像は、無料画像素材サイトの「写真AC」から取ってきてます。 出来栄えはこんな感じ↓ ここの画像はクロスフェードスライダー（画像が...
JavaScript jQuery ゴディバのサイトを模写しました。jQueryのプラグイン、「slick」スライダー。
ブログの更新が空いてしまいましが、その間ゴディバのサイトを模写してました。 スマホ画面、PC画面両方作り、約3週間で完成。 なぜゴディバのサイトを模写？ 最初はコーポレート(企業)サイトを模写しようと思っていたのですが、 ゴディバのサイトが...