CSS positionを配置した親要素を起点にfixedさせる
UPDATE : 2018.09.03こんにちは。コーダーの兼山です。 今回は、CSS positionを配置した親要素を起点にfixedさせる方法をご紹介します。 「トップへ戻る」ボタンを指定する際、 普通にfixedを指定すると、ページ全体を基準に絶対位置で位置が固定されます。 それを、...
兼山 暖美
エンジニア
全国対応！外注・下請けのホームページ制作会社をお探しの会社様。
人員リソース不足、技術不足でお困りなら外注・下請け専門のランランドにお任せ下さい
Web Blog WEBブログ
ヘッダーを『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タイムラ...
兼山 暖美
エンジニア
Webアイコンフォント『Font Awesome』の使い方（活用編）
UPDATE : 2018.05.25こんにちは。コーダーの兼山です。 今回は、Webアイコンフォント『Font Awesome』の活用編をご紹介します。 疑似要素beforeやafterを合わせて使用すると便利です。
兼山 暖美
エンジニア
SVGアニメーションを使って拡大しても粗くならない画像を描画してみよう！
UPDATE : 2018.05.14今回は、illustratorで作成したロゴデザインをSVGアニメーションで実装していきます。 基本的なSVGの使い方です。 CSSのアニメーションで動きをつけていきます。
杉浦 直子
ディレクター
Webアイコンフォント『Font Awesome』の使い方（準備編：アップロード）
UPDATE : 2018.04.25こんにちは。コーダーの兼山です。 前回は、Webアイコンフォント『Font Awesome』の準備編：CDNをご紹介しました。 今回も、準備編として、 データをダウンロードして自分のサーバーにアップロードする方法をご紹介します。
兼山 暖美
エンジニア
