ブックマーク / yaamaa-memo.hatenablog.com (2)

  • CSS の Container Queries おためし - 見返すかもしれないメモ

    CSS に、コンテナクエリという機能があるらしい。 メディアクエリでは画面全体の大きさに応じて要素のスタイルを変えることができたけど、コンテナクエリを使うと当該要素の親の大きさに応じてスタイルを変えられる。 /* メディアクエリの例 */ /* 画面幅が 400px 以下だったら、div を赤くする */ @media screen and (max-width: 400px) { div { background-color: red; } } /* コンテナクエリの例 */ /* div の親要素の幅が 400px 以下だったら、div を赤くする */ @container (max-width: 400px) { div { background-color: red; } } その機能が Google Chrome Canary で使えるようにされたと聞いたので、使ってみた。 こ

    CSS の Container Queries おためし - 見返すかもしれないメモ
  • プログラミングをすると変な夢を見る - 見返すかもしれないメモ

    しばらくプログラミングをした後に勢いよく寝ると、現実でやってたことや考えてたことの続きみたいな不思議な夢を見ることがある。変数がべ物になったり自分がDBのレコードだったりしておもしろい。 いくらの寿司 isLoading というbooleanの変数を作っていた。(ここまで現実)その言語のboolean型はいくらの寿司で、いくらをシャリのどちらの端に固めるかによって、スイッチのようにtrue/falseを表現するようになっていた。いくらの場所が中途半端だったら、trueなのかfalseなのかわかりにくくて困るだろうなと思った。 Señorita Shawn MendesのSeñoritaを脳内で再生していた。(ここまで現実)サビの「You keep me coming for ya」というところで、二人称が2回出てくるのは冗長だから、コードレビューで指摘される前に直しておこうと思った。2回

    プログラミングをすると変な夢を見る - 見返すかもしれないメモ
  • 1