Web Blog WEBブログ

ドロップダウンのナビゲーションをjQueryで作成する

UPDATE : 2018.09.17

コーダーの兼山です。 今回は、jQueryで作成するドロップダウンのナビゲーションをご紹介します。 jQueryを利用するとjavascriptの記述が少なく済み、簡単です。 jQueryの読み込みを忘れないようにしましょう。

兼山暖美
兼山 暖美
エンジニア
続きを読む

ページトップボタンが色々な出現をするスムーズスクロール

UPDATE : 2018.09.10

こんにちは。コーダーの兼山です。 今回は、スムーズスクロールについてです。 スムーズスクロールは、ページをページ下部へスクロールし、ページ上部へ戻る際、 「ページトップ」ボタンをクリックすることで、スルスルとゆっくり戻る動作を指します。 設置する際、

兼山暖美
兼山 暖美
エンジニア
続きを読む

WEBサイトに埋め込んだGoogle Mapsが表示されない原因と対処

UPDATE : 2018.09.07

こんにちは、ディレクターの杉浦です。 2018年6月11日以降、WEBサイトに埋め込んだGoogle Mapsが正常に表示されず、 「このページではGoogleマップが正しく読み込まれませんでした」というメッセージとともに地図がグレーで表示される現象が発生しています。 ...

杉浦直子
杉浦 直子
ディレクター
続きを読む

CSS positionを配置した親要素を起点にfixedさせる

UPDATE : 2018.09.03

こんにちは。コーダーの兼山です。 今回は、CSS positionを配置した親要素を起点にfixedさせる方法をご紹介します。 「トップへ戻る」ボタンを指定する際、 普通にfixedを指定すると、ページ全体を基準に絶対位置で位置が固定されます。 それを、...

兼山暖美
兼山 暖美
エンジニア
続きを読む

ヘッダーを『position:fixed;』指定時にヘッダーの高さ分だけコンテンツを下げる

UPDATE : 2018.08.27

こんにちは。コーダーの兼山です。 ヘッダーを『position:fixed;』を指定時に、下部のコンテンツを、 Javascriptを使ってヘッダーの高さ分だけ下げる方法をご紹介します。 こういった場合、body要素の上部にヘッダーの高さ分だけ、padding...

兼山暖美
兼山 暖美
エンジニア
続きを読む

ドロップダウンのナビゲーションをCSSのみで作成する

UPDATE : 2018.08.21

コーダーの兼山です。 今回は、CSSのみで作成する、 ドロップダウンのナビゲーションをご紹介します。 jQueryの使用が多くなるのを避けたいときや、データの軽量化をしたいときに便利です。

兼山暖美
兼山 暖美
エンジニア
続きを読む

郵便番号から住所を自動表示する方法

UPDATE : 2018.08.17

コーダーの兼山です。 サイトを訪問していただくお客様の、入力フォームへの入力負担を少しでも軽減するため、 郵便番号の入力で住所が自動表示できるようにしてみるのは如何でしょうか? 方法は、幾つかありますが、 今回は、私が個人的にお薦めの、入力フォームに郵便番号...

兼山暖美
兼山 暖美
エンジニア
続きを読む

サイトの埋め込み動画が自動再生されない場合の対応方法

UPDATE : 2018.08.15

コーダーの兼山です。 最新版の Chromeなど、サイトに音声付き動画が埋め込まれている場合に、自動再生されなくなったブラウザがあります。 埋め込み動画について、自動再生(Auto)指定をしていても、 サイトの埋め込み動画が自動再生されない場合の対応方法をご紹...

兼山暖美
兼山 暖美
エンジニア
続きを読む

Facebookウィジェットの埋め込み方法

UPDATE : 2018.05.31

こんにちは。コーダーの兼山です。 Facebook ページプラグインの埋め込み方法をご紹介します。 タイムラインをWebサイトに貼り付けることで、 「いいね!」を増やしたり、Facebookページだけで発信している情報をWebサイト上でも見てもらうことができる...

兼山暖美
兼山 暖美
エンジニア
続きを読む

Twitterウィジェットの埋め込み方法

UPDATE : 2018.05.29

こんにちは。コーダーの兼山です。 SNSのタイムラインをwebページに埋め込むことで、 SNSでしか発信していない情報をwebサイトからも見てもらえることができるということで、 ウィジェットの埋め込みをする場面が増えています。 そこで、Twitterタイムラ...

兼山暖美
兼山 暖美
エンジニア
続きを読む