Firefox, Safariでは動作しないので使い所がない。brやimgに::before, ::after 疑似要素を入れないようにしようという注意喚起にはなりそう。 #HTML #CSS #ブラウザ 【CSS】実は br や img に ::before, ::after 疑似要素が入れられる（場合がある）【置換要素】｜かがん zenn.dev/kagan/articles…

うわぁ〜firefoxアプデ入ったらuserchrome.cssの一部が効かなくなってる〜 webで拾っただけだから直し方わかんねぇのよね…id名とか変わったんかな… どういう作りになってるかってどう見るんだ？ソースコード置いてある場所は見つけたけどそこから先があんまりよくわかんないよ〜！

Trelloのチェックリスト文字部分の幅がおかしいの直した 結構前からこの状態なの誰も指摘しないのなんでなんだ Firefoxなら何らかの方法で、以下css適応すれば治るはず [class="js-add-checklist-menu"] button[type="button"] { padding-right: 2ch; } pic.twitter.com/e57VA3tB0t

Twitter Firefoxのブックマークのファビコンが 　Ｘ に変わってしまった･･･orz userChrome.css で鳥に帰ってきてもらう！w

Firefox126からとうとう対応したのかｗ　非標準だったし～ ： zoom - CSS: カスケーディングスタイルシート | MDN developer.mozilla.org/ja/docs/Web/CS… 出来る事増えるね…

3. twitter.com// を利用する (Firefoxのみ) これにFirefoxっでアクセスすると、ポップアップによって設定・CSSが表示されます。 それをコピーしてください。

FirefoxのTwitterでまーた余計な"さらに表示"が表示されるようになったと思ったら、ドメインがXに変わった影響でCSSが適用されなくなってたからだった [data-testid="tweetText"] { line-height: normal !important; } これの対象をx\.comに変えて対処完了 思いつきで余計な手間をかけさせるなElon

新Vプリカリリースのご案内メールが来てたのでログインしてみたが券面の表示がCSS理解したコピペみたくずれまくってるな。（クレカ番号見えちゃうのでキャプチャできず） Firefoxは未対応かな？

【Web制作コース】 ✅拡張子を知らずにWeb制作は出来ない。初歩的だけど大切な話 を学習しました。 ninjacode.work/study #.(ドット)２つ以上は駄目？ test..htmに<link type="text/css" rel="stylesheet" href="test..css">(どちらもドット２つ)と書いても、chromeでもFireFoxでも問題なく表示

firefoxがcssのzoomプロパティに対応ってこのタイミングなのか。

macOSのFirefoxはmatchMedia()クエリにHDR対応と返してそう。 1751217 - Expose HDR video support to content bugzilla.mozilla.org/show_bug.cgi?i… WindowsはHDR対応環境でもfalseを返している color-gamut - CSS: Cascading Style Sheets | MDN developer.mozilla.org/en-US/docs/Web… pic.twitter.com/8kz7YGKsrB

Firefox 126 ツールバーのバックグラウンドカラーが強制されて、テーマの色が邪魔されるので、 userChrome.css .browser-toolbar { &:not(.titlebar-color) { background-color: initial !important; } } で無効化

"Firefox 126.0, See All New Features, Updates and Fixes" realtime.jser.info/2024/05/14/fir… → mozilla.org/en-US/firefox/… Firefox 126リリース。 zstdをサポート、CSSのzoomプロパティをサポート、URL.parse()をサポート、 Screen Wake Lock

Firefox 126リリース。 zstdをサポート、CSSの`zoom`プロパティをサポート、`URL.parse()`をサポート、 Screen Wake Lock APIをサポート。 Custom ElementのCustomStateSetと`:state()`擬似クラスをサポートなど "Firefox 126.0, See All New Features, Updates and Fixes" mozilla.org/en-US/firefox/…

スクロールバーのcss、firefoxとiPhoneでデザイン通りにならない... SimpleBarというプラグイン使ったらめっちゃ簡単に実装できちゃった🥰 grsmto.github.io/simplebar/ おすすめ✨

Firefox、CSSでスクロールバーのカスタマイズできないから嫌い()

勤務先では #Firefox_ESR を、Web開発のメインにしている。HTMLのソースを、直接、外部エディタ(#秀丸 等)で起動して、サッと編集できるのは、Firefox系だけなのだ。 #WIX 等、ソースをあまり触らなくてもいいサービスが増えた反面、HTMLやCSSやJSを、生でガリガリ書けるPGは減った気がする。

【改行のレスポンシブは 　word-break: anto-phrase;で解決！】 は、まだ時期尚早…？ caniuse.com/?search=word-b… Safari、Firefoxではまだ未対応らしい🤔 なので ```html <p class="break">break<wbr>word</p> ```css .break { word-break: keep-all; } ``` の組み合わせの方がまだ戦える気がする

An alternative proposal for CSS masonry | Chrome for Developers developer.chrome.com/blog/masonry Chrome は Grid を使った組積レイアウトに反対の立場らしい。 2022年にFirefox Experimental、先月にSafari TPで実装されたけど何らかの方法で使えるようになるにはまだまだ時間かかりそう

派生元がESR 115で、問題のサイトの要件がFirefox98～なのにCSSが崩れてIEみたいになってるの（ブラウザをアップデートしてくださいと表示される）、サイト側のブラウザ検出が厳格or特殊だったりするのだろうか 少なくともUAで判定しているわけではなさそう

firefoxのflat bookmarkがなくなって悲しんでいたがuserChrome.cssに #bookmarksPanel treechildren::-moz-tree-indentation { width: 0em !important; } を書けば幸せになることが分かった。こういうのどこから調べてくるんだ。

mac OS MontereyではChrome,FirefoxがいけてててSafariだけ対応していなかったネイティブCSS。 今見たら、SonomaではネイティブCSS対応してるじゃありませんか。 現在のSafariバージョン↓ pic.twitter.com/9onFKhQLOQ

少しだけ作業！ css素人なのですが、webkit-とかってブラウザ依存(Firefox,Edgeだと動かない)と思うけどアプリ版を想定してる場合は関係ないってことで良いんでしょうか…？ 結構プラグインとかのコード見てると、webkit-だけしか書かれてない(他のブラウザは想定してない？)のも多く…。

返信先:@bijutsushitanCSSの仕様ではカラースペースが明示されなければRGB値はsRGBとみなされます。 デフォルト設定のFirefoxのような例外もありますが、現行の主要ブラウザでは仕様にしたがった実装になっています。 （2017年頃まではChromeがそういう実装になっていなかったのでWeb業界の方々の意識も今とは大違いでした）

私は基本的に「作ったものはChrome・Safari・Firefoxで動くことを確認する」という信条を持っているのですが、CSS Relative Color Syntaxに関しては便利すぎてこの信条を破って実用しています

CSS Relative Colors、Firefox君は対応予定あるんだろうか

ただ、約物のアキについては朗報があって、Chromeブラウザだと「約物フォントを入れずに」ブラウザ側がいい感じに調整してくれるCSSプロパティが実装された。もしChromeにSafariやFirefoxが追従してくれるなら、自サイトもそのプロパティに移行するつもり。何年先かはわからないけど

返信先:@kei_yoshifuji_kこれ便利ですよ↓ firefoxだけに特別なCSS当てるとかできます！ qiita.com/panxl/items/3d… ご存知でしたらスミマセン！！

vivaldi .com はFirefoxではテキストの選択ができない（正しくは選択はできるが反転しないので選択の状態がわからない）のでuserContent.cssで雑に対処。しゃーないとは思うが、Vivaldiの人らもFirefoxでの確認なんかしていないんだな。

デベロッパーツールで最終的に適用されるフォントが確実に分かる方法、ChromeやEdgeでは「計算済み」タブの一番下にあるフォント欄を見ることなんですけどFireFoxでは「フォント」タブがあるんですね。 しかもその場でfont-sizeやline-heightをいじれる機能も付いてました。 #HTML #CSS pic.twitter.com/jAy07XGEjR

返信先:@nukie_53仕様の裏付けができてないのですが、DTDを削った記法の拡張子 #XML でも、ブラウザは #XHTML として扱ってくれるらしいことが分かりました！ FireFox、Chrome、Edgeは確認済み。 XML Notepadで #XSLT テストしたらCSS当たるんでおや？と思って、ブラウザでも通ってました。 安眠できそうです。😭 pic.twitter.com/SlbSfeH5O1

FirefoxとChrome導入。 ChromeはGoogleアカウントに全部ブクマ情報が紐づいてるので再ログインだけで復元できる。 Firefoxは外部ファイルに固めた情報を読み込む。 Firefoxの外見を自分好みにカスタマイズ。 ツリー型タブアドオンを入れて、Chrome.css使って画面上に並ぶ従来タブバーとさようなら。

返信先:@Nia_Granblueそうなんですよ 結局cssのサイトでバージョン確認したら対応してたから大丈夫やろの精神 IEとFirefoxはできてたし()

Help us invent CSS Grid Level 3, aka “Masonry” layout | WebKit webkit.org/blog/15269/hel… CSS Grid を用いた Monsonry レイアウトが、Safari TP で使えるようになったっぽい！ 2年前からFirefoxでフラグを有効にしたら使えたけど、Safariのほうが早いとは twitter.com/bc_rikko/statu…

#hamuracss 0.11.0 1. pbList.css : 行番号と命令の間隔が Firefox 124, Chrome 124 で広い問題を修正 2. Chrome 124で Web フォントの調査に失敗していた問題を修正 3. pbList.css : pbskip 属性でハイライト他を停止可能へ Release Release v0.11.0 · pb-100/hamura.css (github.com)

Anchor position tool anchor-tool.com CSS Anchor PositioningのPlaygroundサイト Chrome 125 beta で CSS Anchor Positioning がサポートしたので、はやくFirefox、Safariでも使えるようになってほしい！

has疑似クラス等の便利なCSSの機能をすべてのブラウザがサポートし始めたと喜ぶのも束の間。 firefoxのESR版とかいう奴は最新版を数バージョン後追いしているため、サポート対象外だったりする。 これ豆な。

Arcがあまりにも良いのでFirefoxのUserChrome.cssいじってArcっぽくした pic.twitter.com/2DEc3VclK9