【JavaScript】複数のモーダル（modal)ポップアップ実装のメモ。
モーダルウィンドウ、idでページに一つだけ実装すると、複数設置したいときにモーダル開かない、、複数のときどうだったけ？といつも調べてるのでコピペで使えるようにメモしとく。 HTML data-modal=”m...
JavaScriptJavaScriptHTML・CSSYoutube埋め込みで表示の縦横比（アスペクト比）をレスポンシブ対応するメモ
youtube埋め込みしてスマホサイズにすると上下に黒い背景が出るのはかっこ悪い！どのサイズでもyoutube画面の縦横比のまま表示できるようにするCSSなんだっけ？といつも調べるからメモしとく。 aspect-rati...
やってみた耳で聴く読書、オーディオブックサービス、audiobook.jpとAudibleどっちがいいの？
みなさん本はどのように読んでますか？デジタルブックやオーディオブックサービスが流行ってますが、私は紙の本が好きです。「紙の質感も込みで読書でしょ！」という、超アナログタイプ。なので、パッドで読んだり、耳で聴く読書って実際...
HTML・CSS【CSS】transitionの一括指定の記述メモ
transition記述するときまとめて書きたいけど順番どうだったっけ？どんな内容だったっけ？っていつも忘れるのでメモしておく。 一括指定の記述順番 transition: ①property ②duration ③de...
YouTube節約マインドに切り替えるため役立ったYouTube動画
最近、お野菜やお肉が値上がりしてお買い物時にお店で商品とにらめっこしているyukipanです。 yukipan、結構浪費家タイプで、欲しいものは買っちゃうタイプでした。「いつなんどき何があるかわからないし、あの時買っとけ...
WebTips【hosts設定】DNS切替前にドメインのサーバー引っ越し先のサイトを確認する方法
サイトを別のサーバーにお引越しする際、wordpressにログインして設定したいけどサイトが見れない！引越し先のサーバーにサイトを設置して、あとはDNSを切り替えるだけ。というところまでできてるとお引越しの際に安心。ho...
ブログヘルニア発症から改善までの話
ある日、軽いヘルニアになった。軽いとはいえ、足の先までしびれる。座ってると痛くて顔がゆがむ。 軽いヘルニアになってから改善するまで、いろいろ試したり思ったことを書いてみようと思う。 腰が痛い。足がしびれるような気もする。...
レビュー食事置き換えダイエットプログラム 冷凍弁当と冷凍スープのセット【KETOS】を試してみた。
仕事が忙しくゴハン作るのが面倒だったので、ダイエットにもなり、バランスも良さそうな「KETOS」をお試しで注文してみた。 １食あたりの平均栄養基準（メイン＋スープ） ・糖質15ｇ以下 たんぱく質３０ｇ以上 ＭＣＴオイル等...
WebTips【WordPress】記事一覧ページのパンくずの「投稿」を変更するのにハマったのでメモ。
私だけだろうか、、？投稿アーカイブページのパンくずリストの表記が「投稿」のまま、どこで変えれば良いの変わらなかったのは。。 パンくずリストで操作するんだったけ？どうだったっけ？と、なぜかハマってなかなか「投稿」から変える...
HTML・CSS【Gulp】sassの@importを@useに切り替えついでにpugからejsに変えてみた。（コーディング環境構築）
sassの@importが2022年10月1日までに廃止される予定なので、重〜い腰を上げて@useに切り替える作業をした。タスクランナーのGulpで、@importのときとほぼ同じ仕様で@useが使えるようにしてみたつも...