CSSの記事一覧

Google Fontsを非同期で高速に読み込みする方法

Google Fontsを非同期で高速に読み込みする方法です。当サイトではGoogle Fontsの「Noto+Sans+JP」を使っている。ところがモバイルでは表示スピードが遅く、パフォーマンス...

iPhoneでSVGが表示されない場合の対処方法です。正確にはiOS/MacのSafariでdisplay:flexの中にsvgタグを入れると表示されないということ。ChromeやEdgeでは表示さ...

Font Awesomeをローカルに配置して使用する方法です。「Font Awesome」をCDNで読み込んでいただけど、これが結構重くて「PageSpeed Insights」のパフォーマンスに影...

Googleフォントをローカルに配置して使う方法です。 Googleフォントの「Noto Sans JP」をCDNで読み込んでいたんだけど、これが結構重くて、PageSpeed Insightsのパフ...

framesetを使わないフレームの分割方法です。 HTML4まで利用されていたframesetとframeの要素。HTML5からはiframeの利用が推奨されています。 frameset利用での分割...

WordPressでCSSやJSのキャッシュを強制的に更新する方法です。 CSSやJSファイルを更新した後にお客様へ確認を依頼すると「変更されてないけど？」みたいな回答が来ることがあります。これは使っ...

Bootstrap4でテーブル内のDatetimePickerが裏側に隠れないようにする方法です。テーブル内にBootstrap4のDatetimePickerを組み込んだところ、あれれ？裏側に隠れ...

WordPressのstyle.cssに最終更新日時をバージョン設定する方法です。 WordPressテーマのcssを編集すると、ブラウザキャッシュされて変更が反映されない場合があります。Window...

Bootstrap4でDate/Time Pickerでカレンダー入力する方法です。昨今の画面仕様における日付や時間の入力には、必ずといってもいいほど「Date/Time Picker」が配置されて...

Bootstrap4 フォーカス時の青い枠を消す方法です。 Bootstrap4ではフォーカス時に自動で青い枠のスタイルが適用されます。Webサイトのデザインによっては、まったくマッチしないことがあり...