HTML 用色見本

色の名称による色見本

Web フォントの読み込み中にテキスト表示

Google PageSpeed Insights の指摘を見ていたところ、「Webフォント読み込み中の全テキストの表示」という指摘を受けました。
フォントの表示方法は、@font-face の font-display で決めます。初期値は、auto (ブラウザ定義) とのことですが、これを swap としてやることで、Web フォントの読み込みが完了するまでは、代替フォントで表示することになります。

HTML の viewport について

Google Search Console の URL 検査で、モバイルユーザビリティに関する検査があります。この中で、viewport に関する設定の妥当性チェックがありました。
このブログでは、エラーになっていたので、今回以下のように直してみました。Google Search Console から提示された通りに書いてみました。

Google Code Prettify を使う

Google Code Prettify は、HTML 文書上で様々なプログラミング言語のコード断片を綺麗に表示するための JavaScript ライブラリです。