2019-12

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

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

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

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

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

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

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

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