CSSの新機能コンテナクエリのポリフィルがこれほど使いやすく、Googleから提供されたことは素晴らしい
先日の記事（2022年、注目しておきたいCSSの新機能のまとめ）の中でもすぐに使えたら便利な機能の一つが、コンテナクエリです。 コンテナクエリがすべてのモダンブラウザで動作するポリフィルがGoogleからリリースされたので、紹介します。 A New Container Query Polyfill That Just Works by Chris Coyier 今まではメディアクエリを使用していましたが、ビューポートベースのメディアクエリでは限界が見えてきました。そこでコンテナクエリの登場です。コンテナクエリは、親コンテナのサイズに応じて要素のスタイルを設定できます。 たとえば、コンポーネントを1カラムに配置する時と2カラムに配置する時、そしてサイドバーに配置する時それぞれに適したスタイルを与えることができます。詳しくは、以前の記事をご覧ください。 CSS コンテナクエリの基礎知識と便利な
日本の首都移転するなら？
インドネシア首都移転のブコメに触発されて https://b.hatena.ne.jp/entry/s/www3.nhk.or.jp/news/html/20220119/k10013437951000.html ブコメから適当にピックアップ、ネタっぽいものは除外しました。 条件案id:teraph 山が少ない平地 陸海空路でのアクセスが容易治水が楽積雪が少ない巨大地震や火山噴火が起きたときの被害が少ない候補（順不同）旭川・北海道id:BigHopeClasic 積雪を妥協すると旭川マジおすすめ 軍都に選ばれた経緯もあり良さそう。 ただ、観光に行った真冬の夜にホテルの外に出て、本当に生命の危機を感じた記憶が…。 浪江町id:mitimasu 復興になる。 福島の意見も多数あり。 奈良・京都id:twwgot 本邦も日本のほぼ中央、奈良に遷都してはいかがか id:dfk3 遺跡が多すぎて移転
会食避けても“コロナ陽性”…感染経路は「満員電車かも」（テレビ朝日系（ANN）） - Yahoo!ニュース
全国の新型コロナウイルスの感染者は17日、4日連続で2万人を超えました。政府は、1都10県に対して「まん延防止等重点措置」を適用する方向で検討しています。 ■陽性者 感染経路は「満員電車かも」 感染した男性（30代）：「（先週）木曜日も会食の予定があったんですけど、このご時世なので、取引先との会食も断って帰ってきた矢先だったので…」 こう話すのは、感染対策に気を遣っていたにもかかわらず、新型コロナに感染した30代の男性です。 14日に39度の熱と、のどの痛みなどを感じたため、PCR検査を受けたところ、翌日15日に陽性と判明しました。 症状が軽いことから、男性自身は「オミクロン株に感染したのでは」と考えています。 男性は、基本的な感染対策を行ったうえ、会社での接触も極力減らすために、週の半分以上をテレワーク勤務にしていたといいます。では、感染経路は…。 感染した男性（30代）：「それなりに気
2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されたお手軽なHTMLスニペットから、Three.jsをつかったインタラクティブな動きやアニメーションにも注目が集まっています。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 97位 Metallic Bordered Text with CSS Photoshopで作成し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
