Web blog WEBブログ

スクロールに合わせてコンテンツをふわっと表示させる

UPDATE : 2019.03.18

こんにちは。コーダーの兼山です。 今回は、スクロールに合わせてコンテンツをふわっと表示させる方法をご紹介します。

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

サイトに埋め込んだGoogleマップの縮尺を変更する方法

UPDATE : 2019.03.11

こんにちは。コーダーの兼山です。 サイトに埋め込んだGoogleマップの縮尺を変更する方法をご紹介します。 GoogleMapの埋め込みについてはAPIを使う方法もありますが、今回は、iframeタグでの埋め込みで説明します。

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

吹き出しをCSSで作る方法

UPDATE : 2019.03.04

こんにちは。コーダーの兼山です。 吹き出しをCSSで作る方法です。 今回は、応用しやすく、シンプルな吹き出しをご紹介します。

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

フッター手前で止まるスムーズスクロール

UPDATE : 2019.01.29

こんにちは。コーダーの兼山です。 以前、『ページトップボタンが色々な出現をするスムーズスクロール』をご紹介しました。 続編となりますが、今回は、 『フッター手前で止まるスムーズスクロール』をご紹介します。

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

レスポンシブのためのデザインデータのリサイズ

UPDATE : 2019.01.28

こんにちは。 コーダーの兼山です。 レスポンシブ時のデザインデータの取り扱いについて記します。 ここでは、例として、以下の条件だった場合のリサイズについて説明します。 ・Adobe Illustrator でのデザインデータ ・カンプサイ...

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

CSSでグラデーションを表示する

UPDATE : 2019.01.03

こんにちは。コーダーの兼山です。 CSSのグラデーションを表示するlinear-gradientを使用し、 グラデーションで表示する基本的なパターンをご紹介します。

兼山暖美
兼山 暖美
エンジニア
続きを読む
ドロップダウンのナビゲーションをjQueryで作成する

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

UPDATE : 2018.09.17

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

兼山暖美
兼山 暖美
エンジニア
続きを読む
ページトップボタンが色々な出現をするスムーズスクロール

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

UPDATE : 2018.09.10

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

兼山暖美
兼山 暖美
エンジニア
続きを読む
WEBサイトに埋め込んだGoogle Mapsが表示されない原因と対処

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

UPDATE : 2018.09.07

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

杉浦直子
杉浦 直子
ディレクター
続きを読む
CSS positionを配置した親要素を起点にfixedさせる

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

UPDATE : 2018.09.03

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

兼山暖美
兼山 暖美
エンジニア
続きを読む
無料相談窓口