模写コーディング

スポンサーリンク
HTML CSS

【無料】自分のポートフォリオサイトを作りました。作り方を解説。

自分のポートフォリオサイトを作りました↓ シンプルなデザインですが、これはあるテンプレートを元にコーディングしたものです。 また、サーバーも借りてません。全て無料で作れます。 自分のポー...
HTML CSS

【無料】formrunでお問い合わせフォームを作ってサイトに埋め込む方法。

サイトにお問い合わせフォームを設置したい場合、WordPressでサイトを作ったならプラグインで簡単に設置できますが、そうでない場合は自分でPHPを書いて作らなければなりません。 でも、 PHPはよく...
PHP

ISARA[イサラ]模写のお問い合わせフォームに、PHPの機能を実装しました。

久しぶりの更新です。 ちょっと他にやりたいことがあり、そっちに専念してました。 さて、プログラミング学習はというと、 以前模写コーディングしたISARAのお問い合わせフォームに、PHPの機能を実装しました。 ...
案件受注

「アネ婚」模写コーディング中断。ポートフォリオ作りへ。

「アネ婚」サイトの模写コーディングをしてましたが、中断することにしました。 理由は以下の2つです。 「アネ婚」模写難しい。 ココナラのポートフォリオを作る為。 「アネ婚」模写難しい。 アネ婚模写難しいで...
模写コーディング

「アネ婚」模写。二行テキストのボタンリンクの作り方。

アネ婚の模写コーディング途中経過です。 現在やっと3分の1程度終わりました(レスポンシブも)。 アネ婚長い… 途中で挫折しかけましたが、何とか続けています。 二行テキストのボタンリンクの作り方。 このボタンリン...
模写コーディング

「アネ婚」模写。キラリと光るボタンの実装。疑似要素にposition:absoluteを指定する方法。

こんにちは。 「アネ婚」模写コーディングの途中経過です。 現在、「お喜びの声」の部分までスマホ画面・PC画面共に終わりました。 キラリと光るボタンの実装。 このボタン、キラリと光るんです↓ これ、jQu...
模写コーディング

heightをレスポンシブ(高さ可変)にする方法「paddingハック」。

案件受注へ向け最後の詰めに、新たなLP(ランディングページ)の模写を始めました。 そのLPがこちら↓ 東京中目黒の結婚相談所【アネ婚】30代・40代が主役の婚活 これは「ランディングページ集めました」というサイトか...
JavaScript jQuery

PAS-POLサイトの背景画像をスライドショーにしました。jQuery.BGSwitcherの使い方。

先日模写したのPAS-POLサイトですが、 メインビジュアルの背景画像をまだスライドショーにしてなかったのでスライドショーにしました。 ここのスライドショーは背景画像がふわっと切り替わるやつなのですが、「どうやるのかな~...
模写コーディング

架空のカフェサイトを作りました。クロスフェードスライダー。nth-childやnth-of-typeが効かない!

あるHTML CSS学習本(前回の記事参照)で作るサンプルサイトを参考に、架空のカフェのサイトを作りました。 画像は、無料画像素材サイトの「写真AC」から取ってきてます。 出来栄えはこんな感じ↓ ここの画像...
JavaScript jQuery

ゴディバのサイトを模写しました。jQueryのプラグイン、「slick」スライダー。

ブログの更新が空いてしまいましが、その間ゴディバのサイトを模写してました。 スマホ画面、PC画面両方作り、約3週間で完成。 なぜゴディバのサイトを模写? 最初はコーポレート(企業)サイトを模写しようと思っていたのですが、 ...
スポンサーリンク
タイトルとURLをコピーしました