特に何をしたという覚えはないのに、突如、疑似要素でFont Awesome 5を使っていたものがAMPだけ表示されなくなりました。
あの□で表示されるやつ。原因は意外なところにあって、AMPってそういう仕様なのか？ それどうにかしてくれないか？ ってちょっとイラついた。
続きを読むCSS3
webpack5, CSS圧縮でfont-familyのダブルクォーテーション(")を消さない方法
CSSのminimize（圧縮）で、font-familyのダブルクォーテーション（"）を削除すると、"invalid property value" が出てしまうことがあります。
そこでwebpack5の設定を変えます。
（webpack4でも同じのはず。）
続きを読むAMPのCSSではfont-familyの『"』が必須になってる
CSSの圧縮では極限まで小さくすると、font-familyのダブルクォーテーション（"）を削除します。
これがAMPではエラーになります。以前はそんなことなかったんですが仕様が変わったらしい。
続きを読むGoogle Search Consleのモバイルユーザビリティのエラーを直すコツ
Google Search Consoleのモバイルユーザービリティのエラーには手順があります。
ひとつのエラーを直すと一気にエラーが消えることがあるので、それを狙って修正したほうが作業効率がいい。
作業自体はかんたんです。数が多いとめんどうですが。
続きを読む一番かんたんなスムーズスクロールの実装。CSSだけでできるが...。Apple頼む！
リンクをクリックしてサイト内をジャンプするとき、キュルキュルーって動きながら移動するのを見ます。
スムーズスクロールといいます。CSSの1行追加でできるようになりました。
いま一番かんたんな実装方法です。ただひとこと言いたいのは『頼むぜ。Apple！』。
続きを読む『ビューポートが設定されていません』を直す。モバイルユーザービリティの適正化。
Google Search Consoleのモバイルユーザービリティのエラー『ビューポートが設定されていません』を直します。
ビューポートはモバイル（スマホ）でサイトが表示されている実際の領域のこと。
かんたんです。HTMLにmetaタグを追加するだけです。
続きを読む最近更新された記事
人気の記事
1週間の人気記事（IT）
1週間の人気記事（歴史）
1週間の人気記事（その他）
