Googleフォントをpreloadで先読みして「ちらつき」を抑制する方法
Googleフォントをpreloadで先読みして「ちらつき」を抑制する方法です。 当サイトでは、パフォーマンス向上のためにGoogleフォントをCDNから読み込むのをやめてローカルに配置したものの、レンダリングがブロック...
html の記事一覧
7 件input type submitで設定している検索ボタンをSVGにする方法
input要素[type="submit"]で設定している検索ボタンをSVGにする方法です。 当サイトではサイト内検索フォームに、検索向けAdSense（検索エンジン広告）を使っていたんだけど、事情が合ってWordPre...
PageSpeed Insights 「リンクに識別可能な名前が指定されていません」の改善方法
PageSpeed Insightsで 「リンクに識別可能な名前が指定されていません」のエラーが出た時の改善方法です。 この問題を解決すると、PageSpeed Insightsのパフォーマンス診断で、ユーザー補助のスコ...
PageSpeed Insights 「フォームの要素にラベルが関連付けられていません」の改善方法
PageSpeed Insightsで「フォームの要素にラベルが関連付けられていません」のエラーが出た時の改善方法です。 この問題を解決すると、PageSpeed Insightsのパフォーマンス診断で、ユーザー補助のス...
jQuery placeholderに値を設定・書き換え・削除する方法
jQueryで「placeholder」に値を設定・書き換え・削除する方法です。 「placeholder」とは、フォームなどの入力欄にあらかじめ記入されている薄い灰色のテキストのこと。主に記入例としてのテキストが記載さ...
framesetを使わないフレームの分割方法
framesetを使わないフレームの分割方法です。 HTML4まで利用されていたframesetとframeの要素。HTML5からはiframeの利用が推奨されています。 frameset利用での分割は様々で、左側にメニ...
iPhone SafariでHTMLソースを確認する方法 -View Source
iPhoneのSafariでHTMLソースを確認する方法です。 出先でPCがない時にどうしてもWebサイトのHTMLソースを確認しないといけない、そんな場面ありますよね。そんなことあるの？！って・・、あったんですよー。 ...