先回、YouTubeや動画の視聴サイトで、サムネイル画像にマウスカーソルを重ねた時にプレビューが表示されるように、アイキャッチ画像を動かす仕組みをタッチスクリーンなどに対応したスマホ対応版として投稿します。
続きを読む WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(スマホ対応版)カテゴリー: Web開発
Web開発のネタ
WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(最終版)
先回から作っているWordPressのアイキャッチ画像にマウスカーソルを重ねた時にプレビューが表示されるように、JavaScriptを使った仕組みで最後の仕上げをした部分を最終版として投稿します。
続きを読む WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(最終版)JavaScriptのイベント追加コードでthisキーワードの使用
先回、WordPressサイトでアイキャッチ画像にマウスカーソルを重ねた時にプレビューが表示されるように、JavaScriptでコードを書いている時によく分からない部分でハマってしまった部分を備忘録として投稿します。
続きを読む JavaScriptのイベント追加コードでthisキーワードの使用WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(改良版)
先回、YouTubeや動画の視聴サイトで、サムネイル画像にマウスカーソルを重ねた時にプレビューが表示されるように、JavaScriptを使って変更した部分を実際に動かしてみたら、思いもよらない部分が出てきたので、修正した部分を改良版として投稿します。
続きを読む WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(改良版)WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる
最近のYouTubeや動画の視聴サイトで、サムネイル画像にマウスカーソルを重ねた時にプレビューが表示される挙動になっているのを、WordPressのアイキャッチ画像でやってみようと調べたところ、記事を見かけなかったので実際にやってみた記録を備忘録的に投稿します。
続きを読む WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせるC#で起動中のGoogle Chromeを取得する方法
先回の[ダウンロード]ページに表示されるファイルのダウンロード速度を記録したくて Selenium を使ってC#から取得する方法を作ってみましたが、実行中のGoogle Chromeを取得する方法に手間取ったので備忘録的に投稿します。
続きを読む C#で起動中のGoogle Chromeを取得する方法Seleniumで起動中のChromeを操作する方法
Google Chromeの[ダウンロード]ページに表示されるファイルのダウンロード速度を記録したくて Selenium を使ってC#から取得する方法を備忘録的に投稿します。
続きを読む Seleniumで起動中のChromeを操作する方法C#でChromeのダウンロードページの詳細を取得する方法
Google Chromeの[ダウンロード]ページに表示されるファイルのダウンロード速度を記録したくて Selenium を使ってC#から取得する方法を備忘録的に投稿します。
続きを読む C#でChromeのダウンロードページの詳細を取得する方法C#でShadow-rootの要素を取得する手順
Google Chromeの[ダウンロード]メニューで表示されるページに使われている[#Shadow-root]要素を Selenium を使って取得する方法を備忘録的に投稿します。
続きを読む C#でShadow-rootの要素を取得する手順Revive Old Postsの最小間隔が5時間になってしまったので過去記事のツイート機能を自作した
WordPressに投稿した過去記事をランダムに選んでSNSに投稿してくれるプラグイン「Revive Old Posts」のバージョンアップで、無償版で投稿する間隔の最小値が5時間になってしまったので、同じ機能をPHPで自作した時の記録です。
続きを読む Revive Old Postsの最小間隔が5時間になってしまったので過去記事のツイート機能を自作した