もう困らない!CSSを古いブラウザ対応用に簡単変換!CSS最適化ツール

概要

古いブラウザで崩れてしまった事、ありませんか?

世の中の複数のブラウザ、バージョンに対応するにはCSSにベンダープレフィックスをつけたり、別のプロパティで実装をしたり・・・

これを担当デザイナー/フロントエンジニアが同じ水準で実装するのは結構難しかったりします。

そのために、レビューをしたり、以下のツールで実装状況を確認したりして確認します。

https://caniuse.com/

そんな煩わしさをなくすためのツールです。

使い方マニュアル

サポートブラウザの設定

どのブラウザに対応したいかチェックしてください。

細かく指定しない場合は、最新3バージョンなど指定しておくと良いかもしれません。

CSSコードを入力

CSSを入力してください。ベンダープレフィックスなどは入力不要です。

右側に結果が出力されます。

設定のURLをシェアする

上部の「共有リンク作成」を押してください。

表示されたURLをシェアすれば、同じ設定でチーム内に共有できます。

 

今後の機能展開

他にも要望があれば、対応していきたいと思いますのでTwitterへご連絡ください。

  • スタイルのソート機能
  • 不要なスタイルの削除
  • 要望があれば対応

Fatal error: Uncaught Error: Call to undefined function set_post_views() in /home/jszk/desnote.com/public_html/wpjs/wp-content/themes/the-thor-child/single.php:658 Stack trace: #0 /home/jszk/desnote.com/public_html/wpjs/wp-includes/template-loader.php(78): include() #1 /home/jszk/desnote.com/public_html/wpjs/wp-blog-header.php(19): require_once('/home/jszk/desn...') #2 /home/jszk/desnote.com/public_html/index.php(17): require('/home/jszk/desn...') #3 {main} thrown in /home/jszk/desnote.com/public_html/wpjs/wp-content/themes/the-thor-child/single.php on line 658