- すべて
- 画像・動画
並べ替え:新着順
vivaldi .com はFirefoxではテキストの選択ができない(正しくは選択はできるが反転しないので選択の状態がわからない)のでuserContent.cssで雑に対処。しゃーないとは思うが、Vivaldiの人らもFirefoxでの確認なんかしていないんだな。
デベロッパーツールで最終的に適用されるフォントが確実に分かる方法、ChromeやEdgeでは「計算済み」タブの一番下にあるフォント欄を見ることなんですけどFireFoxでは「フォント」タブがあるんですね。 しかもその場でfont-sizeやline-heightをいじれる機能も付いてました。 #HTML #CSS pic.twitter.com/jAy07XGEjR
FirefoxとChrome導入。 ChromeはGoogleアカウントに全部ブクマ情報が紐づいてるので再ログインだけで復元できる。 Firefoxは外部ファイルに固めた情報を読み込む。 Firefoxの外見を自分好みにカスタマイズ。 ツリー型タブアドオンを入れて、Chrome.css使って画面上に並ぶ従来タブバーとさようなら。
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…
Masonryレイアウト(組積レイアウト)が Gridレイアウトの機能としてCSSだけで実現できる未来が近づいてる!! .masonry { display: grid; gap: 10px; grid-template-rows: masonry; } ※現時点ではFirefoxで layout.css.grid-template-masonry-value.enabled を有効にした場合のみ利用可能
#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版とかいう奴は最新版を数バージョン後追いしているため、サポート対象外だったりする。 これ豆な。
なぜ今まで気付かなかったか判らないがfirefoxのスクロールバーに違和感があって比べた EDGEとChromeはまぁいいんだ firefox普段バーが見えなくてマウスカーソルを合わせると出てくるけどしばらくすると線だけになって消える 前からこうだったっけ? デザインが全然変わるからcssが要るんじゃないか pic.twitter.com/lNaxtWAthr
chromeとEdgeとFirefoxは崩れなく表示されてたのに、Safariだけはspotsセクションのスライダーが崩れた(泣)Safari用のコードを緊急で書いてなんとかしのいだ(汗)にしてもなぜdisplay: flex;のgapが他のブラウザと異なる表示になるのだろうか...リセットCSSを別のに変えた上手くいくのかな..
#CSS 縦書き writing-mode: vertical-rl; の時Firefox対策で 1)親で中央指定 2)Flexboxにして中央指定 などするらしい! 勉強になった@@! caniuse.com/?search=margin… ----- 【さっきの下記Postの後半Firefox対応の部分の答えです】 #CSS writing-mode: vertical-rl; にした時 margin-block:;… pic.twitter.com/GgyeRWgUyP
#CSS writing-mode: vertical-rl; にした時 margin-block:; padding-block:; が分からんくて3時間経過^^; caniuse.com/?search=margin… これ縦書きの時、今もFirefox用だけ追記しないといけないってことなんですかね? なんか頭ぐちゃぐちゃになってきた@@; スクール入りたいなー@@;
うーーーーん、CSSでbackdrop-filterとmask-image使ってprogressive blur実装したけど親要素にborder-radiusかclip-pathかけるとmask-imageが効かなくなる😫Chromeでだけ。。 firefoxとsafariはうまく動いてくれる。border-radiusを諦めるかprogressive blurを諦めるか😫
windows Firefoxでtwitter見ると、続きが無いのに出てくる「さらに表示」、グループDM開くと「問題が発生しました」になるバグ、検索したら解決策出てきた... CSSの問題でエラーが出るらしくスタイルを矯正すれば直った... pic.twitter.com/08lKBydJfO
PCで引用を見やすくするためにcontrol panel for twitter入れてたけど仕様変わったからわざわざfirefoxで入れなおしたし、仕様で「さらに表示」が出続けるのがうざいからstylusでcss上書きしたぞ。ツイッター好きすぎる
あったなぁ、論理的プロパティ。 overflowにもあるのか!!! developer.mozilla.org/ja/docs/Web/CS… 使えるのFirefoxだけか。。。 Defensive CSSを書こう|チームラボ フロントエンド班 zenn.dev/teamlab_fe/art… #zenn
> ・・・ブラウザのテキストエンコーディングの読み直しでで誤魔化そう としたのだが封じられてて細かい、破損では無いので当然ではあるw 少なくともWindows版のFirefoxの[テキストエンコーディングの修復] では誤魔化せない() CSSをオーバーラップしてもイイが、 > #ウマ娘 #UMA_STARS pic.twitter.com/SFgTtw0d3f
CSSがスマホ合わせか・・・ Windows上のFirefoxでは微妙に見辛い() ウインドウ幅を狭くすれば見易くはなる、其れでも[Member]ページ は2059x5226、16:9では8Kでも不足() 9:16にせずウインドウサイズ変更だけでフル解像度表示するには 10Kに出来ないとダメだな(´ヘ`;) 結局 > #ウマ娘 #UMA_STARS pic.twitter.com/qyQQcXyDy1
【UMA STARS】 任務を終えた"彼女たち"が帰還する。 彼女たちは『宇宙走娘<コスモピュエラ>』。 銀河の調和を保つ『UMA STARS』を巡り、特異点へと旅立った選ばれし者。 これは宇宙の遥かな闇に光を灯す、彼女たちの伝説。 umamusume.jp/special/uma_st… #ウマ娘 #宇宙走娘 #ウマ娘_エイプリルフール
トヨタレンタカーのスマホ向けWebページ、AndroidのFirefox(Firefox及びFirefox Focus)だと日時選択をしようとしてもカレンダーが表示されない Google ChromeやiOS Safariだと動くので、KHTML系向けのCSS拡張を使っているのか