以前のエントリ「メルマガをダークモード対応する備忘録」でwebサイトのダークモード対応に関して記載していましたが、このブログもダークモードに対応しました。白をベースにしたブログだったので、ダークモードで見た時は目に優しい…

Bootstarpのスライドショーによくある 1 / 5 みたいなスライドショーの全個数と、今のスライド番目を出したかったのでメモ。公式に既にイベントとプロパティについて説明があったのでサクッと作ることができました。Bo…

ダークモード対応する機会があったのでメモ。ダークモードに対応しているメーラーは背景色と文字色が反転したり、文字色の彩度が落ちます。2021年8月時点でiOS , mac 標準搭載のメールアプリでは制御を確認しました。 G…

Vue.jsで複数設置可能なモーダルを作りました。モーダルのコンポーネント(Modal.vue)を作成して、ボタン（ModalBtn.vue）とモーダルコンテンツ（ModalContents）のペアをカプセル化することで…

親ページや、親の親ページに特定のページが含まれているかどうか判断したかったので関数を作りました。特定のページ配下だけレイアウトを変えたり、出力を変えたりするのに便利です。 使い方 使いたい場所で関数を叩きます。 参考サイ…

jsのscrollIntoView()というメソッドを使って簡単にスムーススクロールを作るデモです。 See the Pen 210215_scrollIntoViewのデモ by nekuta (@nekuta) on…

タクソノミー 系の取得をよく忘れてしまいがちなのでメモ。 カスタム投稿アーカイブページで全てのタームを取得 hide_emptyをfalseにすることで、空のタームも出力する。アーカイブや検索フォームなどでよく使いました…

下記のようなスライドショーを作成したかったのでメモ。使用プラグインはSwiper.jsです。 2021/8/17 : 一部記述に不備があったためcodepenとブログを修正しました。 ・横幅が下記の時に１画面に表示するス…