タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
CSSで実装したレイアウトの構造や階層を簡単に確認できる、私のお気に入りのCSSハック -My favorite CSS hack
flexboxで実装したレイアウトはもちろん、floatでもgridでもCSSで実装したレイアウトの構造や階層を確認できるスタイルシートを紹介します。 ページ上の各要素のサイズ・マージン・パディングなどに不整合がないか簡単に確認でき、スニペットやブックマークレットに登録しておくと便利です。 My favorite CSS hack by Gajus Kuizinas 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 5年もの間、私がコピペして利用してきたCSSのスニペットを紹介します。 * {background-color: rgba(255,0,0,.2)} * * {background-color：rgba(0,255,0、.2)} * * * {background-color：rgba(0,0,255、.2)} * *
ブラウザ別のCSSハック | ねたまめ.com
ここは何色？ ここの文字色は何色になっているでしょうか？(もし結果が違っていたら教えて下さい…) Google Chrome → 青Opera → 青Safari → 緑Firefox → オレンジEdge(Chromium) → 紫IE10 / IE11 → 灰色 ※上から順にCSSを適用させていっているので「ChromeとOperaはredからblueに」「Safariはredからgreenに」上書きされています。開発者ツールで「ここは何色？」部分を調べてみて下さい。
Safari 14.1 未満のバージョンに Flexbox の gap プロパティのフォールバックスタイルを追加するための CSS ハック
Safari 14.1 で Flexbox の gap プロパティが Safari でも使えるようになりました。 Safari 14.1 Adds Support for Flexbox Gaps ただ、Safari のバージョンアップは OS のアップデートが絡むので、他のブラウザに比べてすぐにサポートを切りにくいです。Flexbox gap はとても便利で Safari 以外の 主要なブラウザでは対応されている ので使いたいけど Safari のせいでまだ使えないと嘆いている方も多いのではないでしょうか？僕も同じくでした。 自分を含めそんな方々を救うために、それを解決する CSS ハックを作ってみましたので紹介します。（この CSS ハックにどれくらいのニーズがあるかわかりませんが 😅） 問題点 この問題の一番ややこしいところは CSS Grid 用の gap プロパティは Safa
CSSハックを支える技術
CSS ハックというと、IE 6 とか IE 7 時代を思い出す人もいると思います。しかし、CSS ハックは現代にもしっかりと存在しており、僕は暇なときに CSS ハックを探しています。 そして、今まで見つけた CSS ハックをオープンソース化して公開しました。せっかくなので、どのようにして CSS ハックを見つけているのか紹介したいと思います。 CSSハックとは その前に、CSS ハックとは何かについて軽く説明します。CSS ハックとは、CSS が特定のブラウザや特定のバージョンのみに適用されるようにするテクニックで、主にブラウザ固有のバグ修正などに使われています。 最近では、Safari や iOS Safari 関連のバグが増えており、CSS ハックを使って対処する場合もあります。できるかぎり CSS ハックを使わずに対処するのがよいのですが、どうしてもといった場合に役立ちます。 C
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nordot.app
kaznocodiary.com
career-report.tokyo
onecall2ch.com
www.kenbiya.com
www.boon-senior.com