2021-10

JavaScript

【jQuery】別のページから遷移した時にアコーディオンを開く方法

今回は別のページから遷移した時にそのアコーディオンを開いた状態にしておく方法を紹介します。 今回やりたいこと 例えば「https...
JavaScript

【jQuery】絶対パスでもスムーススクロールする方法

今回はスムーススクロールを絶対パスでも処理できるようにする方法を解説します。 よく見かける方法だと「#」で始まっている内部リンクしか処...
CSS

【CSS】flexの子要素をheight: 100%;にしつつalign-items: center;にしたい場合のやり方

display: flex;とalign-items: center;を指定すると子要素は縦に揃いますが、height: 100%;を指定し...
JavaScript

郵便番号から住所を自動で入力!ajaxzip3の使い方!

今回は郵便番号を入力しただけで住所を自動で入力してくれるライブラリ「ajaxzip3」の使い方を解説します。 ajaxzip3を読...
WordPress

【Contact Form 7/MW WP Form】メールが届かない時の対処法

今回はContact Form 7やMW WP Formでお問い合わせメールが届かない時の対処法を解説します。 普通メールはちゃんと届...
環境構築

【一発】MAMPでPHPがなかなか更新されないときの対処法

今回はMAMP環境のPHPがなかなか更新されない場合に一発で直す超絶簡単な方法を紹介します。 MAMPのPHPがなかなか更新されな...
CSS

【CSS】transitionでプロパティを複数指定したいときの書き方

今回はtransitionでプロパティ(transition-property)を複数指定したいときの書き方を解説します。 tra...
JavaScript

SafariでブラウザバックするとJSなどが解除されていない問題【bfcache】

ある日仕事でWebサイトを作っていたのですが、iPhone実機のiOS Safariでハンバーガーメニューのリンクからページ遷移した後ブラウ...
CSS

【CSS】テキストの両端を超簡単に揃える方法

今回はテキストの両端を揃える方法を紹介します。超簡単です。 テキストの両端を揃える方法 CSSにはテキストの両端を揃えるtext...
JavaScript

【超簡単】slickで各スライドの要素の高さを合わせる方法

今回はslickで各スライドの要素の高さを合わせる方法を解説します。 テキストの量にばらつきがあるスライドだとこんな感じで高さが不揃い...
JavaScript

【jQuery】上にスクロールした時に表示されるヘッダーの作り方

今回はjQueryで上にスクロールした時に表示されるヘッダーの作り方を解説します。 デモ 実際の動きはこんな感じです。下にスクロ...
JavaScript

【超図解】jQueryでスクロール時に要素をフェードインさせる方法

今回はjQueryでスクロール時に要素を下からふわっとフェードインさせる方法を初心者でもわかりやすいように図解で説明します。 デモ...