SVG画像を背景に設定し、CSSでbackground-sizeを指定しても反映されない場合は、以下コードをSVGファイルの<svg>タグに追記すると解決します。 preserveAspectRatio=”n…

たまにややこしい要望があるときはスライダーを自作しますが、基本的には「bxSlider」を使用しています。 ただ、1つ問題なのは、スマホ時にスワイプしていっていると、スライダーの上でスワイプが効かなくて、イーッ！となりま…

Googleが提供しているアイコンフォトで、Google Material Iconsというものがあります。Fontawesomeが登録制となってしまったので、登録とかの手間が面倒だという方は、ちょっと数が少なめですがこ…

svgをuseタグで読み込んだときに、なんとかpath毎に色が変えたくて試行錯誤していたところ、大変素晴らしい記事を見つけました。 参考：SVGアイコンをCSS変数とか併せて良さげに使う <svg xmlns=”h…

電話番号をタップして電話をかける、スマートフォンでウェブサイトを見る人向けに当然必要となります。 が、ものぐさなコーディングで、パソコンでもリンクがクリックできる状態にしていると、お客様から「なんか電話番号クリックしたら…

下記のJavaScriptをhtml,php内に記述してアップロードすればOK。 SearchConsoleでクロール申請と、その後の確認はしましょう。 <script type=”application/ld+j…

※InstagramGraphAPIが5.0になりました。以下記事を参考下さい。   お客様からよくある要望の一つで、インスタグラムでアップしたら自動的にホームページに載せたいというものがあります。 一昔前なら…

お客様より、フォームのinputで、郵便番号などで半角数字のみを入力できるようにしてほしいと要望がありました。 とりあえずググった情報で、jQueryで半角数字のみ入力可能としてみました。 その際、矢印やら削除キーを動く…

ページのこの部分直して、一度テストでブラウザ確認したい。 そういった時、作り方を改善すればいいかもしれない問題ですが、例えばワードプレスなんかで「page-▲▲.php」で固定ページを作成している場合、単純に複製したとし…

コーディングするときは、Visual Studio Code（以下vscode）を使用しております。 非常に素晴らしいエディタだと思います。 欲を言えば、DreamWeaverのように、エクセルのセルをコピーしてエディタ…