Macにて、以下条件の際に、ウェブサイト上でファイルアップロードを行う際に、ファイル選択ができない場合があるようです。 どうもSafariのバグみたいですね。 macOS10.14.6（Mojave） Safariが14…

Googleフォント、非常に便利ですよね。 特に明朝を使用する際に「さわらび明朝」を使用することがあります。 ただ、IEのサポートがどうもされなくなったようです。 Googleフォント https://fonts.goo…

恥ずかしながらSassで最近@forを使いました。 forといえばJavaScriptやPHPで使うもんだと思ってましたが、Sassでも使えるようで、やってみました。 例として、<li>が10個あって、bef…

※2020/08/01更新 最新InstagramGraphAPI7.0対応版 上記記事のように正式な手順を踏んでやる場合、Facebookページ作って、インスタと連動してビジネスアカウントにして、個人アカウントを管理者…

「更新致しました。ご確認のほどよろしくお願いいたします。」 と、お客様に報告したあと、 「表示が変わってないんですが」とか言われてないでしょうか。 出来る限り上記のやり取りをなくすため、キャッシュを残さないようにしましょ…

iPhoneで例えばお問い合わせフォームなどの入力を行おうとして、テキストボックスをタップしたときに、ズームされる場合があります。 これは、iOSで入力フォームのフォントサイズのデフォルト値が16pxに設定されているため…

リニューアルするような予算もやる気もないサイト、よくあります。 そんな古ーいウェブサイトを更新する際には注意が必要な時があります。 IEでflexが効かない！ググって解決方法試しても全然ダメ！ metaタグでIEのレンダ…

下の画像の【A】を親要素からはみ出して横幅を画面幅いっぱいにしたい、というときには、以下CSSを適用します。 <div class=”c-box–1″> <div class=”c-box–1__c…

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

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