レイアウト・シフトをデバッグする方法
レイアウト・シフトをデバッグする方法です。 事の発端は「PageSpeed Insights」で、「Cumulative Layout Shift (CLS)」に不良が確認されたから。「Google Search Con...
レイアウト・シフトをデバッグする方法です。 事の発端は「PageSpeed Insights」で、「Cumulative Layout Shift (CLS)」に不良が確認されたから。「Google Search Con...
Font Awesomeをローカルに配置して使用する方法です。 「Font Awesome」をCDNで読み込んでいただけど、これが結構重くて「PageSpeed Insights」のパフォーマンスに影響してた。そんなわけ...
framesetを使わないフレームの分割方法です。 HTML4まで利用されていたframesetとframeの要素。HTML5からはiframeの利用が推奨されています。 frameset利用での分割は様々で、左側にメニ...
Bootstrap4でテーブル内のDatetimePickerが裏側に隠れないようにする方法です。 テーブル内にBootstrap4のDatetimePickerを組み込んだところ、あれれ?裏側に隠れてしまった・・・。 ...
Bootstrap4でDate/Time Pickerでカレンダー入力する方法です。 昨今の画面仕様における日付や時間の入力には、必ずといってもいいほど「Date/Time Picker」が配置されていますね。それはもち...
Bootstrap4 フォーカス時の青い枠を消す方法です。 Bootstrap4ではフォーカス時に自動で青い枠のスタイルが適用されます。Webサイトのデザインによっては、まったくマッチしないことがありますね。できれば無効...
Twitterのフォローボタンをブログやサイトに設置する方法です。 Twitter公式のボタンは、実は簡単に作れます。作業時間も5分とかからないんですよ。ブログやサイトを運営していて、Twitterアカウントを持っている...
BootstrapでレスポンシブWEBデザインのコーポレートWebサイトを作ってみました。 前回「Bootstrapを使って作るレスポンシブWEBサイト入門」で Bootstrap のグリッドシステムを中心に基本的な使い...
Webアプリでのキャッシュ制御する方法です。 Webアプリ内のキャッシュをうまく制御すると、コンテンツの応答時間短縮、回線有効活用、サーバリソースの節約といった性能対策になりますね。しかし、アプリケーションサーバで生成さ...
Bootstrapを使って作るレスポンシブWEBサイト入門です。 Bootstrapを使ってレスポンシブWEBデザインのサイトを作ってみましょう。最近なにかと話題のレスポンシブWEBデザイン。スマホやタブレットに最適化さ...