CSS で横並びの画像とテキストを、テキストが単行の時は縦中央寄せ、複数行の時は縦上寄せ、を実現する
July 22, 2023…
…
インストールしているパッケージのアップデート作業をしているときに、あるパッケージ(A)と別のパッケージ(B)で使っている依存パッケージのバージョンに差があり、古いバージョンの依存パッケージを使っている B の方でエラーが出てしまっていました。 B…
久しぶりの投稿です。 今更ながら CSS の関数 を使ってみたのでそのメモを残しておきます。似たような CSS 関数で他に や などがありますが、今回は 関数だけ触れます。(他のはまだ実践で使ってないので) min() とは CSS…
Atomic Design な設計のプロジェクトで Storybook を使う際に、地味に自分にとってフラストレーションになっていたことがあります。それは Storybook サイドバーの と 階層の順番が反対になってしまうことです。(Atomic Design…
現在(2021/11/25)、Windows の Chrome と Microsoft Edge (どちらもバージョン 96) の Chromium…
意図せず Flexbox で横並びにした箇所がコンテナからはみ出してしまうことないですか?そんな時の対処方法を自分用のメモ代わりに残しておきます。 対処方法 結論から言いますと、Flex アイテムに を入れれば解決します。(横並びの場合) を にしていても Flex…
Safari 14.1 で Flexbox の プロパティが Safari でも使えるようになりました。 Safari 14.1 Adds Support for Flexbox Gaps ただ、Safari のバージョンアップは OS…
タイトルの通り Contact Form 7 v5.4 と Invisible reCaptcha for WordPress という reCAPTCHA v…
で Storybook を起動時にこんな感じのエラーが出た。 キャッシュが関係してそうだったので以下のコマンドで 内の Storybook のキャッシュを削除したら無事起動しました。 参考:error with cache when running storybook…
ずっと放置してたこの WordPress サイトを更新しました。この記事もそうだけど内部的にもいろいろ更新しました。 WordPress アップデート 完全に放置してて WordPress のバージョンも古いままでセキュリティ的に危険な状態だったと思うので、最新版 v5.6.…