ページ内リンクをクリックした時に滑らかに移動させるスムーススクロールは、jQueryを使えば簡単に実装できますが、jQueryに依存したくない場合もあるかと思います。 jQueryを使わずに素のJavaScriptでスム…
ページ内リンクのスムーススクロールをjQueryなしで実装する方法
憎きIEを撲滅！Internet Explorerからアクセスすると警告文を表示してブロックするスクリプト「IE Buster」
IE Busterは、Internet Explorer(IE)でアクセスした際に、Google Chromeのインストールを促すメッセージを表示してアクセスをブロックするスクリプトです。 以下デモページにIEでアクセス…
下にスクロールすると消えて、上にスクロールすると表示される固定ヘッダーをjQueryを使わずに実装する方法
下にスクロールすると消えて、上にスクロールすると現れる固定ヘッダーを実装する方法をご紹介いたします。jQueryは使わずに素のJavaScriptで実装する方法です。 挙動については、以下デモページをご参照ください。 デ…
Gutenbergの不要なブロックを削除し必要なブロックのみを表示させる方法
WordPressの新しい投稿エディタ「Gutenberg(ブロックエディタ)」では様々なブロックが用意されていますが、ブロックの数が多すぎて混乱してしまうこともあるみたいです。ブロックの数が多いのは便利である一方、Gu…
各セクションを重なるようにスクロールさせることができるjQueryプラグイン「StickyStack.js」
StickyStack.jsは、スクロールに合わせて下の要素が上に重なっていくようなエフェクトを加えることができるjQueryプラグインです。要素が下からせり上がってくるような印象を与えることができます。 挙動は以下ペー…
IEにもobject-fitを対応させるためのスクリプト「object-fit-images」
object-fit-imagesは、IEでもCSSのプロパティ「object-fit」を使えるようにするためのスクリプトです。 下記でデモをご確認いただけます。 デモページを見る object-fit-imagesの使…
2018年にTechMemoでよく読まれた記事トップ10
2018年ももうすぐ終わってしまいますね。今年もたくさんの方々に当ブログを訪問していただけてうれしく思います。 そんなわけで、2018年公開の記事限定で、今年よく読まれた記事のトップ10をご紹介したいと思います。ちなみに…
jQueryを使ってアニメーションしながら指定した数字までカウントアップさせる方法
jQueryを使って、0から指定した数字までカウントアップする方法をご紹介いたします。指定した数字までアニメーションしながらカウントアップします。 以下にデモを用意しましたので、挙動についてはデモページをご参照ください。…
WordPressの投稿画面で親カテゴリーにチェックが入ったら子カテゴリーを表示する方法
WordPressの投稿画面で、子カテゴリーを予め非表示にしておき、親カテゴリーにチェックが入ったら表示するように挙動を変更する方法をご紹介いたします。 WordPressの投稿画面で親カテゴリーにチェックが入ったら子カ…
WordPressで子カテゴリーにチェックを入れたら親カテゴリーにも自動でチェックが入るようにする方法
WordPressのカテゴリーで親子関係がある場合、デフォルトでは子カテゴリーにチェックを入れても親カテゴリーに自動でチェックは入りません。 カテゴリーは親子セットで選択するケースが多いので、子カテゴリーにチェックを入れ…