『Googleマイマップ』をホームページに埋め込む方法
UPDATE : 2020.03.30こんにちは。 コーダーの兼山です。 前回、『Googleマイマップ』の作成方法を紹介しました。 今回は、作成したマイマップををホームページに埋め込む方法を紹介します。 作成したサイトへ、ルート表示付きのマイマップを埋め込むことで、訪問者は...
兼山 暖美
エンジニア
全国対応！外注・下請けのホームページ制作会社をお探しの会社様。
人員リソース不足、技術不足でお困りなら外注・下請け専門のランランドにお任せ下さい
Web blog WEBブログ
『Googleマイマップ』でルートマップを作成する方法
UPDATE : 2019.12.26Googleサービスの1つ『Googleマイマップ』の使い方を紹介します。 Googleマイマップでは、目的地までのルート（道順）を分かりやすく表示します。 デザインソフトで作成するのも時間がかかりますし、Googleマップを埋め込むだけでは説明...
兼山 暖美
エンジニア
ボックス要素の高さを揃えたい時のテクニック
UPDATE : 2019.11.30こんにちは。コーダーの兼山です。 コーディングをしていると、ボックス要素を横並びにするレイアウトに遭遇することが、よくありますよね？ floatで簡単に横並びを指定することが多いと思いますが、この方法だとボックス要素の高さは揃いません。 今...
兼山 暖美
エンジニア
position:fixedでヘッダ固定時のページ内外リンクのズレを解消するテクニック
UPDATE : 2019.10.23こんにちは。コーダーの兼山です。 position:fixedを使ってヘッダを固定した場合、ページ内リンクの位置がヘッダの高さ分ずれてしまいます。 これを解決する方法を紹介します。 ページ内リンクとページ外リンクの両方に対応できるテクニック...
兼山 暖美
エンジニア
テキストをタイピング風に一文字ずつ表示する方法
UPDATE : 2019.08.12こんにちは。コーダーの兼山です。 テキストをタイピング風に一文字ずつ表示する方法について紹介します。 メインビジュアル上にあるテキストの演出や、意図的に印象付けたい内容などに効果的です。
兼山 暖美
エンジニア
submitボタンにアイコンフォント（Font Awesome）を使う方法
UPDATE : 2019.08.09こんにちは。コーダーの兼山です。 画像を指定したり、テキストで [ 送信する ] といった形で表示をする他に、とても便利なFont Awesomeのアイコンを、フォームの送信ボタン（submitボタン）に使用する方法を紹介します。
兼山 暖美
エンジニア
ポップアップ ウィンドウを作成
UPDATE : 2019.08.08こんにちは。コーダーの兼山です。 今回は、ポップアップ ウィンドウの作り方を紹介します。 利用者にメッセージを伝えたり、特定の操作を促したりするために用いられることが多い仕様です。
兼山 暖美
エンジニア
spectrum.jsで簡単にカラーピッカーを設置する
UPDATE : 2019.07.19こんにちは！ こんにちは。コーダーの兼山です。 今回は簡単にカラーピッカーを設置できるプラグイン「spectrum.js」をご紹介いたします。
兼山 暖美
エンジニア
スムーススクロールと固定ヘッダー対策を同時に指定する方法
UPDATE : 2019.07.10こんにちは。コーダーの兼山です。 いつも『fixedヘッダー問題』に悩まされるのですが、 あなたは、どうですか？ もし、思い当たるのなら、今回ご紹介する、 スムーススクロールと固定ヘッダー対策を同時に指定する方法で問題解決してみましょう！
兼山 暖美
エンジニア
蛍光マーカー風の下線をCSSで作る方法
UPDATE : 2019.07.01こんにちは。コーダーの兼山です。 蛍光マーカー風の下線をCSSで作る方法をご紹介します。 蛍光ペン、クレヨンマーカー、アンダーラインマーカー等、呼ばれていますね。 htmlとCSSで指定できます。
兼山 暖美
エンジニア
