コンテナクエリ @container が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する
本日（2023/2/14）、ついに Firefox でコンテナクエリ（container query）に対応しました。Chrome・Edge・Safari はすでに現行ブラウザで対応済みのため、全ブラウザにてコンテナクエリが使えることになります💐 従来、レスポンシブ対応でレイアウトを変えるには @media を使ってウインドウサイズを基準にするかありませんでした。コンテナクエリ @containerを使うと任意の要素を基準にできるので、「A要素の横幅が 500px 以下のとき、子要素のレイアウトを変える」などが手軽に実現できます。 とくにコンポーネントベース開発が主流の現在においては、コンテナクエリをマスターすることで、より柔軟でラクなレスポンシブ対応が可能になります。 本記事では、コンテナクエリの基本、メリット、デモまでをできるだけ詳しく解説し、コンテナクエリを理解することを目標としま
菊地成孔の考える、YouTube的ジャズ入門。はじめてのジャズはネット検索から | ブルータス| BRUTUS.jp
昭和の時代。ジャズを聴き始めるなら、専門誌を読み、ジャズ喫茶でレコードを聴き、クラブで生演奏に触れるという流れが一般的だった。しかし、雑誌は廃刊、店舗も減少しつつある現在。初心者は一体、どの音楽家の、どんな作品から聴き始めればいいのだろうか。伝統のある音楽ゆえ、門外漢からは口が裂けても言えない現代の入門方法を、菊地成孔さんがズバリ答えてくれた。 現在、ジャズの魅力をさらに深掘る特設サイト「JAZZ BRUTUS」もオープン中！ 2020年代的検索から入る、新しい入門 「ジャズをまったく聴いたことのない人にとって、クラシックや歌舞伎などと同様、歴史のある音楽だから、ハードルが高い印象があると思います。さらに、ジャンルは耳にすることはあっても、しっかりした流行がないため、初心者がアクセスしづらい。情報源が雑誌から電子版へ、お勉強の場がジャズ喫茶から動画へ移行しつつある昨今を鑑みて、初心者に限り
HTML制作で気をつけたいスクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ICS MEDIA
HTML制作で気をつけたい スクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ブラウザのスクロールバーは、OSの種類によって挙動や見た目がさまざまです。環境によって挙動が違うため、自分の環境では問題なくても、ユーザーの環境から見ると問題が起きていることがあります。次のような問題を経験したことがある人も多いのではないでしょうか？ 不要なスクロール領域ができていた スクロールバーの切り替わりで画面がガタつく これらの問題を防ぐためには、対処法のほかにどんな環境で発生するのかを知っておく必要があります。本記事では、スクロールバーの簡単な説明と、2つのよくある問題と対処法について紹介します。 スクロールバーの簡単な説明と、制作時のポイント よくある問題を紹介する前に、スクロールバーの簡単な説明と、macOSで制作する時の注意点について触れておきたいと思
AstroでWordPressを爆速Headless化してみる - Qiita
最近流行りのAstroフレームワークで、WordPressの静的Headless化がかなりお手軽にできたのでまとめてみました。 開発環境 Astro 2.0 WordPress 6.1.1 Local node 18.12.1 Mac OS 13.2(Ventura) Visual Studio Code(Astroプラグイン入り） Astroとは？ Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。 (公式ドキュメントより) LocalでWordPressを構築 まずLocalを使って、ローカル環境にWordPressを構築します。 サイト名 Astro Blog（お好みで） サイトドメイン astro-blog.local WordPressの設定 WP AdminでWordPressのダッシュボードを立ち上げ、いくつかの
10年前、イジメを苦に不登校になってジサツした弟の日記を見つけてしまった..
10年前、イジメを苦に不登校になってジサツした弟の日記を見つけてしまった。 弟の部屋はずっとそのまんまになってて、親もあまり入りたくないらしくて放置。 几帳面な性格の子だったので、きちんと片付いており、たまに掃除機かける程度で済ませてるらしい。 私はもう嫁に行って実家を出ているのだが、たまたま帰省した時に、ふと魔が差して弟の部屋に入ってしまった。 4歳違いで、私は弟に勉強を教えることが多かった。 弟は私よりも頭が良かったが、そこは4歳差と解答の存在で、ナントカ誤魔化していた。 まあそこは本題じゃないのだが。 で、弟の数学のノートを見つけたのでパラパラとめくりながら「あー、実は私このへん分かってなかったんだよな・・・解答見ながら誤魔化してたなあ」とか懐かしく思っていた。 ところが、数学のノートのラストページから、弟の日記が始まっていた。 自サツする少し前、弟はフリースクールに通っていたのだが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[10Pショート読切] ばかでかいゼリーをくう - 山崎シノ | となりのヤングジャンプ![[10Pショート読切] ばかでかいゼリーをくう - 山崎シノ | となりのヤングジャンプ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7d45b8f96dacc9843e02d894c4d11e481c8f2c83/height=288;version=1;width=512/https%3A%2F%2Fcdn-img.tonarinoyj.jp%2Fpublic%2Fseries-thumbnail%2F4855956445071850522-d4730e86c518535c07767bf4f3f6e798%3F1675918814)