長年の悩みがこれで解決! CSSで機能を組み合わせたときにブラウザがサポートしているか検出できる新機能「@supports named-feature()」

CSSの@supportsはブラウザがその機能をサポートしているか検出するのに便利ですが、単独の機能しか検出ができません。 たとえば、gapは現在はflexboxでサポートされていますが、当初はCSS Gridのみでした。そのため、@supports (display: flex) and (gap: 1em) のように記述しても、flexboxでgapを使えるかではなく、そ...

はてなテクノロジー 2026年10月01日 01:16

この記事のキーワード

グラフで繋がりを見る

同じキーワードの記事

共有しているキーワードが多い順

JSがこんなに減る! HTML・CSS最新技術2026

はてなテクノロジー 10/24 07:22
CSS

Interop 2027で注目すべき未来のCSS

GIGAZINE 10/22 21:00
CSS

2000年代初頭、女性オタクの中にはHTML/CSSを手打ちして個人サイトを作る人もいたが、その審美眼が今やAIの利便性を前に溶けている印象がある

はてなテクノロジー 10/22 15:07
CSS

Tailwind CSS入門 - ICS MEDIA

はてなテクノロジー 10/18 01:42
CSS

Pele · Mermaid diagrams as themeable SVG

はてなテクノロジー 10/17 23:49
CSS

【備忘録】CSSのstickyで作る、せり上がりながら背景が見える演出

はてなテクノロジー 10/14 12:58
CSS

HTML-in-Canvasで作る未来のWeb UI表現

はてなテクノロジー 10/14 12:02
CSS

Web制作者は要チェック! 余分なマージンを取り除くmargin-trimプロパティなど、Chrome 155で追加されたCSSの新機能

はてなテクノロジー 10/08 00:32
CSS

「Google Chrome 155」安定版リリース、JPEG XLに対応&耐量子暗号も利用可能に

GIGAZINE 10/07 03:10
CSS

CSS の margin-trim でコンテナーの端の余白を取り除く

はてなテクノロジー 10/02 15:01
CSS

CSSのrandom()関数でつくる、不規則なデザイン表現 - ICS MEDIA

はてなテクノロジー 10/01 23:13
CSS

Improving site performance by shipping more CSS

はてなテクノロジー 09/26 01:31
CSS

CSS用の物理ベースのライティングシステム「Ambient CSS」

GIGAZINE 09/23 10:00
CSS

ObsidianUI - React & Tailwind CSS Components Library

はてなテクノロジー 09/20 13:35
CSS

人生を通して「縦書き」を追っているうち、Chromium開発者になっていた【フォーカス】 - レバテックLAB

はてなテクノロジー 09/15 00:42
CSS

AIのせいでエンジニアの75%を解雇したCSSフレームワークのTailwind、Shopifyによる買収を発表。今後も安定的な開発を維持すると

Publickey 09/13 15:20
CSS

Tailwind CSSの開発元をShopifyが買収

GIGAZINE 09/10 23:00
CSS

Modern CSS Radar: replace custom code with modern CSS

はてなテクノロジー 09/10 03:35
CSS

Webページをスキャンして、古いCSSに置き換わるモダンCSSを提案してくれる無料ツール -Modern CSS Radar

はてなテクノロジー 09/10 00:49
CSS

位置決めもサイズ計算もCSSだけで。「State of CSS 2026」で見る注目機能と軽量フレームワーク - レバテックLAB

はてなテクノロジー 09/01 01:31
CSS
はてなテクノロジーで元記事を読む