スマートフォン表示で、画面に表示しきれないtableを横スクロールさせる方法
UPDATE : 2020.06.05こんにちは。コーダーの兼山です。 コーディング時にtableで表を組み込む際、レスポンシブコーディングなどでのスマートフォン表示時に、表のレイアウトによっては表の全てを表示しきれず、コンテンツが横にハミ出てしまうことがあります。 スマートフォンで表を見る際も、ユ...
兼山 暖美
エンジニア
全国対応！外注・下請けのホームページ制作会社をお探しの会社様。
人員リソース不足、技術不足でお困りなら外注・下請け専門のランランドにお任せ下さい
Web Blog WEBブログ
スマホで『background-attachment: fixed』が効かないときの解決法
UPDATE : 2020.05.06こんにちは。コーダーの兼山です。 背景固定を『background-attachment: fixed;』で指定した際、パソコンでの表示では思う通りの動きをするのに、スマートフォンでは固定されないことがありませんか？ それには理由があります。 今回は、その理由...
兼山 暖美
エンジニア
デバイスの向きによってCSSを変更する方法
UPDATE : 2020.04.08こんにちは。 コーダーの兼山です。 メディアクエリは、画面の幅だけでなく、デバイスの向きも検知できるのをご存知ですか？ スマホや、タブレットを縦向き、横向きにした際のスタイルを変更することができます。 デバイスの”この時だけ”の指定を可能にするテクニックを紹...
兼山 暖美
エンジニア
『Googleマイマップ』をホームページに埋め込む方法
UPDATE : 2020.03.30こんにちは。 コーダーの兼山です。 前回、『Googleマイマップ』の作成方法を紹介しました。 今回は、作成したマイマップををホームページに埋め込む方法を紹介します。 作成したサイトへ、ルート表示付きのマイマップを埋め込むことで、訪問者は目的地までの道のりを...
兼山 暖美
エンジニア
ホームページの右側に隙間がある時の対処方法
UPDATE : 2019.12.27こんにちは。ディレクターの寺井です。 業務ではコーダーさんが制作したコーディングデータを確認する機会が多いのですが、 その際よくある現象が PCで表示中ブラウザを縮めた際やレスポンシブ対応ではないサイトをタブレットやスマホで閲覧した際に ブラウザの右側に余白が出来て...
寺井 大樹
ディレクター/カメラマン
『Googleマイマップ』でルートマップを作成する方法
UPDATE : 2019.12.26Googleサービスの1つ『Googleマイマップ』の使い方を紹介します。 Googleマイマップでは、目的地までのルート（道順）を分かりやすく表示します。 デザインソフトで作成するのも時間がかかりますし、Googleマップを埋め込むだけでは説明不足だったりする場面...
兼山 暖美
エンジニア
背景色（ベタ塗り）の後に画像が表示されるJSエフェクトを使ったアニメーション
UPDATE : 2019.12.26こんにちは。ディレクターの杉浦です。最近よく見かけるjQueryを使ったアニメーションを作ってみましょう！ 画像や文字が表示される前に、一旦その要素に背景色（ベタ塗り）が入るエフェクトの動きです。 背景色（ベタ塗り）→画像（文字）と表示が切り替わります。 また...
杉浦 直子
ディレクター
ボックス要素の高さを揃えたい時のテクニック
UPDATE : 2019.11.30こんにちは。コーダーの兼山です。 コーディングをしていると、ボックス要素を横並びにするレイアウトに遭遇することが、よくありますよね？ floatで簡単に横並びを指定することが多いと思いますが、この方法だとボックス要素の高さは揃いません。 今回は、ボックス要素を...
兼山 暖美
エンジニア
position:fixedでヘッダ固定時のページ内外リンクのズレを解消するテクニック
UPDATE : 2019.10.23こんにちは。コーダーの兼山です。 position:fixedを使ってヘッダを固定した場合、ページ内リンクの位置がヘッダの高さ分ずれてしまいます。 これを解決する方法を紹介します。 ページ内リンクとページ外リンクの両方に対応できるテクニックも紹介します。 ぜ...
兼山 暖美
エンジニア
テキストをタイピング風に一文字ずつ表示する方法
UPDATE : 2019.08.12こんにちは。コーダーの兼山です。 テキストをタイピング風に一文字ずつ表示する方法について紹介します。 メインビジュアル上にあるテキストの演出や、意図的に印象付けたい内容などに効果的です。
兼山 暖美
エンジニア
