CSS3 : 画像のワイプ表示 文字列のワイプ表示 を画像も対応した形です。 See the Pen Wipe in image by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 3つ目だけ文字列もワイプさせ… ゴトーハック2019.05.24 3,365
CSS3 : 文字列のワイプ表示 最近たまに見る、ブロックがワイプで入ってきて文字が表示されるタイプの表現を目コピしたサンプル。 See the Pen Wipe in text by Kazuyoshi Goto (@KazuyoshiGoto) on… ゴトーハック2019.05.15 3,661
CSS : 時系列の分かりやすいリスト See the Pen Timeline Style by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 何かの履歴など時系列が分かりやすいシンプルなリスト。 :before :… ゴトーハック2019.04.03 2,521
WordPress : ContactForm7でフリーメールを弾く functions.phpに以下のように記述する。コピペでも可。 /** * ContactForm7でフリーメールを弾く */ function wpcf7_validate_email_reject_freemail… ゴトーハック2019.02.28 2,898
WordPress : 特定カテゴリーを指定するif文 「あるカテゴリー以下のページ」を対象に表示する条件分岐について、結構忘れるのでメモ。 特定カテゴリーのアーカイブページ 特定カテゴリーの投稿ページ functions.phpなどアーカイブページ、投稿ページ以外のテンプレ… ゴトーハック2019.02.15 4,067
【2019年版】PageSpeed Insights で表示速度を改善する 以前以下の記事で PageSpeed Insights を使ったサイト表示速度の改善について紹介しました。 PageSpeed Insights で表示速度を改善する 上記の内容は現在も有効です。 しかし2018年11月… ゴトーハック2019.01.23 21,170
Intercom を Google Analytics で計測できるようにする チャット型Webカスタマーサポートサービスとして人気の Intercom の活動を Google Analytics で計測するための方法です。 やり方は公式ドキュメントにあるのですが、これに従った内容を日本語で残してお… ゴトーハック2019.01.18 1,170
WordPress : 「wp-block-library-css」を削除する方法 Google PageSpeed Insightsでページ速度を分析していたら、レンダリングブロックのリソースに以下のような身に覚えがないCSSファイルが増えていた。 <link rel=’stylesheet’ … ゴトーハック2019.01.10 19,099
JavaScript : 一定範囲のスクロールを検知するしてクラスを付与・除去する 指定した要素がブラウザ表示範囲の頂上に来たらクラスを付与する 指定した要素がブラウザの表示範囲からでたらクラスを除去する という仕様でビジュアルコントロールをするスクリプトですが、分かりづらいので以下サンプル画面をスクロ… ゴトーハック2018.12.21 9,044