2019-12

Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その9

こんにちは朱夏です。 今回はフッター部分を作っていこうと思います。 実装するのは次の3つです。 テキスト GoogleMAPの埋め込み Twitterの埋め込み それではやっていきたいと思います。 コー...
Bootstrap

【Webサイト作成】パララックスサイトのテンプレートを作成 その8

こんにちは朱夏です。 今回もパララックスサイトのテンプレートを作っていきます。 今回は、Bootstrapのアコーディオン機能を使ってFAQを実装してみたいと思います。 参考サイトはこちらです。 コード コードはこちら...
Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その7

こんにちは朱夏です。 今回も、パララックスサイトのテンプレートを作っていきたいと思います。 今回は、中間エリアにカルーセルを実装したいと思います。 実装にはBootstrap4を使用します。 コード 先ずはコードからです。...
Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その6

こんにちは朱夏です。 前回の続きを解説していこうと思います。 解説しているマウスホバーのエフェクトはこちらです。 拡大+透過調整 拡大のみ 拡大+グレースケール 縦回転出現 拡大+階調反...
Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その5

こんにちは朱夏です。 パララックスサイトのテンプレート作成やっていきます。 前回実装したマウスホバーのエフェクトについて、ホバーの適用方法の改善と、各エフェクトの詳細を解説したいと思います。 作成したエフェクトは以下の6個です。 ...
Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その4 

こんにちは朱夏です。 パララックスサイトのテンプレート作成、続けていきます。 今回はコンテンツエリア1にリンクカードを並べて、マウスホバーの動きを付けていきたいと思います。 コード 今回書いたコードはエリア1の部分に書いたものに...
Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その3

こんにちは朱夏です。 今回もパララックスサイトを作っていきます。 今回追加した内容はこちらです。 スクロールスパイ ナビゲーションバーのフェードイン コード 今回変化させたのはナビゲーショ...
Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その2

こんにちは朱夏です。 パララックスサイトテンプレートの続きを作っていこうと思います。 今回は、以下を実装してみようと思います。 ナビゲーションバー(スクロース後上端で固定) コンテンツ表示エリアを3か所 ...
Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その1

こんにちは朱夏です。 今回から、今まで学習してきたことを元にして、パララックスサイトのテンプレートを作成してみたいと思います。 仕事として作成したものではないかもしれませんが、自分のできることを見せることは出来るのではないかと思うので、...
WordPress

【WordPress】Webサイト引っ越し手順 その1【準備編】

こんにちは朱夏です。 今回はWebサイトの引っ越しをすることになったので、私が実際に引っ越しした手順を紹介したいと思います。 何故、引っ越しすることになったのかというと、理由は以下になります。 Google A...
スポンサーリンク
タイトルとURLをコピーしました