WordPress で扱う jQuery を Google の CDN から読み込むようにします。また CDN から読み込めない時は WordPress 標準のものを読み込むようにします(フォールバック)。ここで解説する方法はページをキャッシュするタイプのプラグインにも対応します。このページを読む

サーバ設定などで MIME-Type を指定することがありますが、text/~ なのか application/~ のどちらであるか、接頭辞 x- が必要であるのか、定かでないことがあります。ここでは JavaScript を例に MIME-Type について調査した結果を紹介します。このページを読む

JavaScript を活用して ul / ol / li 要素をアコーディオンさせるときなどに、list-style-type: none によって「・」のマーク(記号)を消せない問題が IE (10, Edge など) で発生します。url(data:0) を使って解決する方法が jQuery のフォーラムで紹介されています。このページを読む

Safari では検索フォームに padding が効ききません。appearance プロパティを設定してこの問題を解決します。-webkit-appearance: textfield; を設定します。このページを読む

IE(10+)ではコンテンツとスクロールバーが重なることがあります。スクロールバーは一定時間経過すると自動で隠れますが、コンテンツは読みにくく、クリックしにくくなります。viewport の width プロパティに device-width を設定するとこの問題が起こります。このページを読む

WEB フォントやアイコンフォントの CSS を、実用の範囲で簡潔に設定します。?#iefix とそれに関連する問題についても解説しますが、このハックは使いません。IE8+, 多くのモダンブラウザ, Android, iOS などに対応します。このページを読む

IE8 は rem に対応しないブラウザです。互換性を保ちつつ rem を指定するためには px も同時に設定します。ところが IE8 では border-spacing に関しては rem を読み込んでしまいます。ただし rem は適切に処理されず、px の設定にもフォールバックしません。このページを読む