firebase hosting 同じプロジェクトで複数のhostingがある場合のデプロイ先指定
hosting先が1つだけなら でOKだけどいくつか同じプロジェクトで複数のhostingがある場合、 複数プロジェクトがあるなら で確認。 きちんと理解したいけどこの本だけですでに吐きそうになるわたし。
カスタムフィールドの値を様々なページで利用する方法
返信
WordPress のカスタムフィールドを使ってギャラリーの更新システムを作ったりとかある。 各ページで個別にギャラリーを作るならいいけど、一つのギャラリー情報を各ページで使いたい時には、カスタムフィールドの値を持ってい … 続きを読む
safari flex box での画像アスペクト比問題の対処
flex boxのこ要素にimgがある場合、safariだと縦にびよーんと伸びてしまったりすることがある。 原因は flex の align-items のデフォルトが stretch なためで、縦にストレッチしちゃう。 …
カテゴリー: html + css
青いブラーをkill
safariのinputなどででる青いブラー、うざい時多いですよね。 毎度あれどうするんだっけとググるのでググらないで済むようにメモ。 あれはoutlineプロパティによって出現しているので、一括で殺すのであれば「*」で … 続きを読む
任意の複数行ではみ出る文字数の場合「…」で処理する
一行の場合は だけど複数行の場合はちょっと手間 ブラウザ互換状況：https://caniuse.com/?search=line-clamp あー旅がしたい
Cumulative Layout Shift の件
PageSpeed Insights の指標の一つ。 Cumulative Layout Shift （CLS） web.dev：https://web.dev/cls/ web.devのページに以下の記載がある。 CL … 続きを読む
WebP画像でスピード改善
フロントエンドにおいてスピード改善はいつまでも付き合う必要のある課題ですが、世の中の進歩が早過ぎでもはやおっさんには追いつけないレベル… 日々泣きながら色々いじり倒していますが、CDNサービスを利用せず自前の … 続きを読む
Homebrew で brew update したら Error: homebrew-core is a shallow clone が出てしまった
brew update で Error: homebrew-core is a shallow clone が出てしまい進まず。 エラー読めばわかるのですが、 を実行してね、ということのよう。
HTML/CSS/JS コーディングお役立ち系
コーディングの際に多用するお役立ち系リンク。 CSSプロパティ互換性の確認：https://caniuse.com/ ▼素材関連 ・画像サイズ圧縮 https://tinypng.com/ 落とせるときは以下くらい圧縮で … 続きを読む
URLから「category」を排除
WordPressのカテゴリ一覧ページのURLに入ってくる「category」が不要なケースが多い。 プラグインでもできるけどURL規則が以下で許容できるなら使用せずに済ませたい。 パーマリンクの出力をカスタム構造で で … 続きを読む