コンテンツへスキップ

Kansuke program note

自身が取得した技術や知識、機能の実装方法などを記事にしていきます。「わかりやすく」を念頭に置いてメモを残します。

  • ホーム
  • blog
  • WordPress
  • PHP
  • jQuery
  • CSS
  • tips
  • お問い合わせ

カテゴリー: jQuery

2021年2月14日 jQuery

【jQuery】reCAPTCHAの表示・非表示を判定してページトップへ戻るボタンの位置を切り替える方法

過去に下記のような記事を書きました。 この記事を参考にしてreCAPTCHA(リキャプチャ)を実装すると、 reCAPTCHAのマークはどのページにも表示されてしまいます。reCAPTCHAの表示は問い合わせページだけで [...]

続きを読む
2021年2月10日 jQuery

【jQuery】特定の横幅になったらクラスを追加・削除する簡単な方法

レスポンシブデザインのサイトを実装する際に、CSSにメディアクエリを書き込んで特定の横幅の場合は表示を変えたりしますよね。メディアクエリだけで対応できれば良いのですが、中にはメディアクエリだけでは対応が難しい場合もありま [...]

続きを読む
2021年1月1日 jQuery

WordPress5.6にアップデートしたら一部のjQueryが動かなくなった際の対処方法

WordPressの最新版(バージョン5.6)が2020年12月9日にリリースされました。アップデートに伴い、私が管理しているいくつかのサイトで不具合が出たので、その対処方法をメモとして残します。 【現象】バージョン5. [...]

続きを読む
2019年12月16日 jQuery

【jQuery】特定の秒数で画像などの要素を順番に回転させて表と裏の要素を交互に表示する方法

昨日にこんなブログを書きました。 記事の最後の方にサンプルを設置したのですが、ぱっと見何があるのかわからないので、文章で「 ※クリックすると回転します。 」と補足を入れています。 回転する要素に「ここをクリック!」とか入 [...]

続きを読む
2019年12月14日 jQuery

【jQuery】ボタンや画像をクリックして要素を回転させて裏側に仕込んだ要素を表示する方法

たまに見かける下記のようなくるっと回るボタンを、ホバーではなくてクリックで回転させて、かつ裏側に仕込んだ別の要素を表示する方法をメモします。 回転 回転させる要素を用意する 回転して「表」と「裏」を表示するので、表と裏の [...]

続きを読む
2019年12月12日 jQuery

【jQuery】animatedModal.jsで動きのあるモーダルウインドウを簡単に実装する方法

animatedModal.jsを入れると動きのあるモーダルウィンドウが簡単に実装できたので、メモとして残しておきます。 そもそもモーダルウィンドウって何? 名称だけだと何かわかりませんが、最近は「Webサイトのロード画 [...]

続きを読む

書いてる人


「Kansuke(かんすけ)」と申します。
普段はWebサイトやWebサービスの実装のお仕事をしています。
忘れがちなコード、新しく学んだ技術、思いついたプログラムを記事にしていきます。

広告

よく読まれている記事

  • Googleドライブのオーナー権限の変更方法 0.9k件のビュー
  • Excelのファイル(拡張子が「.xls」「.xlsx」などのファイル)を無料で開く方法 792件のビュー
  • Wordのファイル(拡張子が「.doc」「.docx」などのファイル)を無料で開く方法 435件のビュー
  • GoogleChromeの検索履歴のキーワード候補を消す、または非表示化する方法 381件のビュー
  • 【WordPress】一つ前と一つ後の画像が半分程度見切れるスライダーをプラグインで実装する方法 149件のビュー

最近の投稿

  • Excelのファイル(拡張子が「.xls」「.xlsx」などのファイル)を無料で開く方法
  • Wordのファイル(拡張子が「.doc」「.docx」などのファイル)を無料で開く方法
  • Googleドライブのオーナー権限の変更方法
  • 横浜銀行のVISAカードでクレカ決済ができない場合の対処法
  • dellの公式サイトでパソコンを買うならとりあえずカスタマーサポートに連絡すると納期が早くなる場合も

カテゴリー

  • blog (4)
  • CSS (1)
  • jQuery (6)
  • PHP (3)
  • tips (5)
  • WordPress (12)

アーカイブ

  • 2021年7月 (2)
  • 2021年6月 (4)
  • 2021年3月 (5)
  • 2021年2月 (4)
  • 2021年1月 (1)
  • 2020年12月 (1)
  • 2019年12月 (6)
  • 2019年11月 (1)
  • 2019年9月 (1)
  • 2019年7月 (1)
  • 2019年6月 (1)
  • 2019年5月 (2)

サイト内検索

  • プライバシーポリシー