【JS】querySelectorとquerySelectorAllの使い方
こんにちは、元調剤薬局の薬剤師、今は福井県福井市でホームページ制作をやっている@ジョウです。 今回の記事は、querySelectorとquerySelectorAllの使い方をまとめました。備忘録としてまとめたので、勉強中の方は参考にし...
「PROGRAMMING」一覧
【CSS】ホバーで表示されるグローバルナビゲーションの実装
こんにちは、元調剤薬局の薬剤師、今は福井県福井市でホームページ制作をやっている@ジョウです。 今回の記事は、グローバルナビゲーションでマウスをホバーするとメニューが表示される実装方法をまとめました。 備忘録としてまとめたので参考にし...
【jQuery】slideToggleクリックで中身を表示する方法
クリックすると、中身がスライドで表示されるコードを紹介します。 使うのは、slideToggle()メソッド。 基本型 こうすることで、ページを開いたときに、スライドでフェードアウトします。 時間調整 とすると、1秒か...
【JavaScript】particle.jsで分子アニメーションを実装
こんにちは、元調剤薬局の薬剤師、今は福井県福井市でホームページ制作をやっている@ジョウです。 今回の記事は、particles.jsというプラグイン。備忘録として、簡単に使い方をまとめてみました。 particles.jsとは？ この...
【jQuery】indexとeqを使ってタブの切り替え表示をする方法
こんにちは、元調剤薬局の薬剤師、今は福井県福井市でフリーのホームページ制作をやっている@ジョウです。 今回の記事は、jQueryのindexとeqを使ったタブの切り替えです。 案件でタブの切り替えを実装したので、備忘録としてまとめて...
【JavaScript】初アクセス時だけローディング画面を表示(Web Strage API)
おはようございます。 朝活中の@ジョウです。 元調剤薬局の薬剤師で、今は福井県福井市でフリーランスのホームページ制作しています。 先日、Web制作会社からいただいた案件で、初アクセスの時だけローディング画像を表示する方法を学べたの...
【JavaScript】YubinBangoで郵便番号から住所を自動入力させる方法
こんにちは、元調剤薬局の薬剤師、今は福井県福井市でフリーのホームページ制作をやっている@ジョウです。 今回の記事は、応募フォームに関することです。 薬局などのホームページでは、薬剤師募集をするために、応募フォームを作っていることがあ...
【WordPress】プラグインを使わずに人気記事の一覧を表示させる方法
こんにちは、元調剤薬局の薬剤師、今は福井県でフリーのホームページ制作をやっている@ジョウです。 今回の記事は、備忘録として、『WordPressでプラグインを使わないで人気記事の一覧を表示させる方法』について整理しておこうと思...
【WordPress】bloginfoのパラメーター(廃止･非推奨に注意)
『bloginfoって非推奨なの？ だれか使い方まとめてくれない？？』 こんにちは、福井でフリーのWebエンジニアをやっているJohです。最近はNFTに興味がでて仮想通貨の勉強もはじめました。 この記事では、WordPress...
一文字ずつアニメーションする文章を実装する方法
この記事では、文字が一文字ずつアニメーションする方法を説明します。 CSSだけでごり押しする方法 まず、一番わかりやすいコードが以下です。右下のreturnをクリックすればアニメーションが始まります。 See the Pen ...