レスポンシブのためのデザインデータのリサイズ
UPDATE : 2019.01.28こんにちは。 コーダーの兼山です。 レスポンシブ時のデザインデータの取り扱いについて記します。 ここでは、例として、以下の条件だった場合のリサイズについて説明します。 ・Adobe Illustrator でのデザインデータ ・カンプサイ...
兼山 暖美
エンジニア
全国対応！外注・下請けのホームページ制作会社をお探しの会社様。
人員リソース不足、技術不足でお困りなら外注・下請け専門のランランドにお任せ下さい
Web blog WEBブログ
CSSでグラデーションを表示する
UPDATE : 2019.01.03こんにちは。コーダーの兼山です。 CSSのグラデーションを表示するlinear-gradientを使用し、 グラデーションで表示する基本的なパターンをご紹介します。
兼山 暖美
エンジニア
ドロップダウンのナビゲーションを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要素の上部にヘッダーの高さ分...
兼山 暖美
エンジニア
ドロップダウンのナビゲーションをCSSのみで作成する
UPDATE : 2018.08.21コーダーの兼山です。 今回は、CSSのみで作成する、 ドロップダウンのナビゲーションをご紹介します。 jQueryの使用が多くなるのを避けたいときや、データの軽量化をしたいときに便利です。
兼山 暖美
エンジニア
郵便番号から住所を自動表示する方法
UPDATE : 2018.08.17コーダーの兼山です。 サイトを訪問していただくお客様の、入力フォームへの入力負担を少しでも軽減するため、 郵便番号の入力で住所が自動表示できるようにしてみるのは如何でしょうか？ 方法は、幾つかありますが、 今回は、私が個人的にお薦めの、入...
兼山 暖美
エンジニア
サイトの埋め込み動画が自動再生されない場合の対応方法
UPDATE : 2018.08.15コーダーの兼山です。 最新版の Chromeなど、サイトに音声付き動画が埋め込まれている場合に、自動再生されなくなったブラウザがあります。 埋め込み動画について、自動再生（Auto）指定をしていても、 サイトの埋め込み動画が自動再生されない...
兼山 暖美
エンジニア
