2018年05月25日(金)
[CSS]これは便利！検証が面倒なフォールバックのスタイルを簡単に検証できるChrome, Firefoxの機能拡張
CSSでレイアウトをする際、最近の主流はFlexbox、そしてCSS Gridも増えてきました。
そんな中、サポートされていないブラウザ用に必要になるのがフォールバックです。検証するのが面倒なフォールバックのスタイルを簡単に検証できるChrome, Firefox対応の機能拡張を紹介します。
Feature Queries Manager -GitHub
Feature Queries Managerの機能
Feature Queries Managerはその名の通り、@supports機能クエリに記述されたCSSのスタイルを管理して、切り替えることができます。
例えば、レイアウトをFlexboxで実装する場合、Flexboxをサポートしているブラウザのみに適用されるように下記のようにスタイルを定義すると思います。
<...
0
214
37
91author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV
背景のデザインに困った時に！Webデザイン、ソーシャルメディア、イラストなどに利用できる背景素材生成ツール
NEXT ›
オープンソースのポッドキャスト/RSSリーダーアプリ・「Winds」
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『[CSS]これは便利！検証が面倒なフォールバックのスタイルを簡単に検証できるChrome, Firefoxの機能拡張』についてまとめています。
この記事は特にSEO・ダウンロード・Google・Chrome・Mac・Firefoxについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
