WordPressのテーマはPHPと合わせて、WordPressコーディング規約に基づいて作る必要があります。今回はVSCodeで自動でPHPをフォーマットする設定方法を紹介します。 前提条件は以下...

今回はスマホ表示でもパララックスができるsimpleParallax.jsの使い方を紹介します。 デモページ 実装内容は以下 スマホでもタブレットでもパララックスさせるbackground-image...

今回はCSSでIE11を判定して表示を切り替える方法と、JavaScriptでIE11だけpolyfillを読み込む書き方について紹介します。 前提条件は以下 JavaScriptは事前にトランスパイ...

今回はjQueryではなく、ネイティブのJavaScrip（Vanilla.jsとも呼ぶ）で、個人的に良く使うメソッドについてまとめてみました。今後も少しずつ追加していきます。 【脱jQuery】よく...

今回はAdvanced Custom Fields（以下、ACF）を使って、スライダーに使う画像をPC表示とSP表示で切り替える方法を紹介します。 前提条件は以下 Advanced Custom Fi...

今回はフォントや画像をvwで指定するmixinについて紹介します。ブラウザサイズに応じてサイズが可変できるので柔軟なレスポンシブが可能です。 説明環境は以下 macOS Catalina v10.15...

今回はHTMLとCSSで漢字にルビを振る方法を紹介します。 前提条件は以下 IE11に対応するAndoroidに対応するサイト全体でgooglefontsのNoto Sans JP、もしくはNoto...

今回は壁いっぱいに長いテーブルの作り方を紹介します。子供の学習机や複数人で使う作業机としてオススメです。 前提条件は以下 テーブルの大きさは W2730 x D500 x H690DIY初心者が１人で...

今回は人物の合成で使う、影と光の調整方法について説明します。合成したときにのっぺりとした印象になってしまう場合は、影と光を調整する必要があります。 説明する環境は以下 macOS Catalina v...

今回はIntersection Observerを使ったスクロールアニメーションを実装する方法を紹介します。まずはデモサイトを作成したので確認してみてください。 デモサイト 前提条件は以下 jQuer...