FlexboxやFloatでレイアウトが崩れてしまう原因がすぐに見つかるChromeの機能拡張- Pesticide
CSSのレイアウトで思うようにいかない時に、最初に確認すべきことはページ上のすべての要素がどのようにレイアウトされているかです。これを知るには、各要素が区別できるように、要素ごとに異なるカラーのアウトラインをつけると便利です。 ページ上のすべての要素に、要素ごとに異なるカラーのアウトラインをつけ、親子関係も一目で分かる便利なChromeの機能拡張を紹介します。 Pesticide Pesticide -GitHub 以前当ブログで紹介したことがありますが、バージョンアップされており、更に便利になっています。 Pesticideは、2つの方法で利用できます。 Chromeの機能拡張（Pesticide for Chrome） スタイルシートファイル（外部CSS・CDNで利用可） 外部スタイルシートとしても提供されているので、ローカル環境でブラウザを問わず利用することもできます。 簡単なのでC
Google Chromeでtext-shadowしたフォントの表示がおかしくなる条件と対処法
Google Chromeでtext-shadowしたフォントの表示がおかしくなることがあったのでちょっと調べてみました。 Arialやメイリオといったアンチエイリアスのかかったフォントが汚くなったり、ビットマップフォントにアンチエイリアスがかかってしまう現象です。 環境はWindows Vista/7でのGoogle Chrome 13.0.772.0 dev-mです。 CSS text-shadow on Google Chrome Test 上段がConsolas指定、下段がMS Gothic指定です。 スクリーンショットは以下の通り。 Google Chromeは一部のtext-shadowにブラウザ独自のアンチエイリアスを使用するらしく、それによって起こる現象と思われます。 また、上のテストを見る限りでは 「最初のシャドウ指定にブラーが設定されており、アルファ値が0以外のカラーを
Chrome's inset box-shadow bug: Fixed! - Paul Irish
If you’ve ever had inset box-shadow styles, perhaps for a button, looking like this: You might have noticed it comes out looking pretty bad in Windows and Linux in Chrome. Why not on Mac? The Mac port uses CoreGraphics, while the others use Skia for system graphics which is where the root issue resided. I’m happy to report the latest dev channel shipping now (10.0.628.0) has fixed this bug! Woohoo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
