The new Flexbox Inspector, created by Firefox DevTools, helps developers understand the sizing, positioning, and nesting of Flexbox elements. You can try it out now in Firefox DevEdition or join us for its official launch in Firefox 65 on January 29th. The UX challenges of this tool have been both frustrating and a lot of fun for our team. Built on the basic concepts of the CSS Grid Inspector, we
先日、Twitterで「ウェブ制作者がメインで使っているブラウザ」についてアンケート をしたら、なんと!542名に回答いただきました。結果は以下の通りです。アンケートにご協力いただいた方々、本当にありがとうございました!! Chromeが85%って! Chromeが多いのは予想はしてましたけど、ここまで圧倒的だとは思いませんでした。StatCounterの日本のデスクトップでのChromeのシェア(58.46%)と比べても、圧倒的に多いいですね。 ユーザシェアがトップのブラウザだし、開発ツールや拡張機能も充実してるからですかね?ウェブ制作者の方々が使っているブラウザなので、もう少し多様性に富んでいてもいいと思ったんですが、そうでもなかったですね。 ちなみに、StatCounterの2018年11月の日本でのデスクトップのブラウザシェア は以下のような割合になってます。 モバイルも含むすべて
The state of design tools in Firefox A year ago, the Firefox DevTools team formed a subgroup to focus on new tools for working in web design, CSS, and HTML. Motivated by the success of the Grid Inspector, and with help from the Developer Outreach, Gecko Platform, and Accessibility teams, we launched the Variable Fonts Editor and the Shape Path Editor, added an Accessibility Inspector, and revamped
MozillaがFirefox 62をリリースした。このバージョンでは、可変フォントやMacOS Mojaveでのダークテーマ自動対応、Androidでのスクロールの改善などが提供されている。 デスクトップ用のFirefox 62では可変フォントがサポートされた。可変フォントはOpenTypeフォント仕様を発展させたもので、書体のさまざまなバリエーションをひとつのファイルに組み込むことができる。標準的なフォントでは、通常、バリエーションごとに別々のフォントファイルが必要である。このためHTTP要求が増え、ダウンロードされるデータも増加する(ファイルあたり20k)。可変フォントは付加データを含むことにより、開発者がCSSと単一の@font-faceリファレンスを使用することで、特定のフォントファイルに含まれるすべてのバリエーションにアクセス可能になる。 可変フォントはEdge 17以降、Fi
当ブログでは、Firefoxの延長サポート版(ESR)のメジャーアップデート時期を開発の区切りとみて、Web上で実行可能なベンチマークの測定結果を公開している。今回は、Firefox 60のパフォーマンスをFirefox 52およびChrome 66と比較する。 検証を行った具体的なバージョンを挙げると、32bit版Firefox 52.7.4(ビルドID:20180427222832)、64bit版Firefox 60.0 RC2(ビルドID:20180503143129)、それに64bit版Chrome 66(バージョン:66.0.3359.139)である。Firefox Quantumのリリースに伴ってマルチプロセス機能(e10s-multi)が全面的に有効化され、その前に64bit版への移行も開始された。今回のテストではそれらの点が反映されている。 動作環境についてだが、OSは64
It’s time to give Firefox a fresh chance / Because everyone using Chrome for everything is a bad idea Ever since it was first released almost a decade ago, Google’s Chrome browser has been the most consistent piece of technology in my life. I’ve gone through a legion of phones, laptops, and headphones, I’ve jumped around between Android, iOS, Windows Phone, macOS, and Windows, but I’ve rarely had
CSS Gridのデバグに便利なFirefoxのCSS Gridインスペクターをご紹介します。Firefox 56から搭載 されているこのインスペクターを使うと以下のグリッド関連の情報が表示できます。CSS GridするならFirefoxがいいですね。 グリッドをオーバーレイ表示 線番号を表示 領域名を表示 グリッド線を無限に延伸 各グリッドの詳細を表示 開発ツールを表示する まずはメニューの「ツール > ウェブ開発 > 開発ツールを表示」から開発ツールを表示します。 グリッドをオーバーレイ表示 グリッドの親要素を選択すると、「ルール」タブのCSSのところに小さくグリッド・アイコンが表示されます。このアイコンをクリックするとグリッドのオーバーレイが表示されます。 FirefoxのCSS Gridインスペクターの機能はこれだけだと思っていたんですが、他にもありました! 「レイアウト」タブ 開
Firefoxで印刷プレビューした時、1ページ目は正常に表示されるのですが、2ページ目以降、ページが切れて表示されない現象があります。(実際に印刷しても1ページしか印刷されませんでした。) この現象を調べた結果、bodyタグに指定したoverflow: auto;に原因があることが分かりました。 どうやら、この現象はMozilla Firefoxや、Netscape7.1などのMozilla Gecko系のブラウザで発生しているバグみたいです。IEやOperaでは問題なく消えずに改ページしてくれます。 解決方法は、プリント用CSSにoverflow: visibleを指定すれば問題ないと思います。@media printで指定しても構いません。 CSSコード @media print { body { overflow: visible !important; } } ※このソ
Firefoxの場合だけ2ページ目が印刷されないということがあります。原因をいろいろと調べたところ、次のようなことがわかりました。・position:relativeが設定されているとだめである。・overflow:hiddenの設定に影響される。・その場所が、display:noneでも、visibilty: hiddenでも影響がある。とりあえず、印刷用のスタイルから・position:relativeを削除・影響のありそうなoverflow:hiddenを削除(要素のheightが指定されているなど)というような対処をすれば、なんとかなるかもしれません。ちなみに、InternetExploreやSafariではこういう問題はありません。Firefoxが修正してくると一番簡単なのですが。
I like Firefox but it's not as fast as it used to be. This is a comprehensive, safe guide to optimizing Firefox 3.5 for speedy browsing. For each suggestion, your mileage may vary. Before you proceed, create a new profile. Quit Firefox, run "firefox.exe "“profilemanager"�, and create a new profile to experiment on. Use the new profile as your default only if your performance improves. Only those c
(03/07) Appleが開発中の折りたたみデバイスは20.3インチMacBook、登場時期は2027年頃 (03/07) iOS 17.4がリリース、iPhone 15にバッテリーの充放電回数を表示 (03/06) 中国でiPhoneの販売台数が24%減の裏にHuaweiの復活、日本のiPhone人気は衰えず (03/05) 同じM3チップでもちょっと違う、MacBook AirとMacBook Proのベンチと外部ディスプレイ出力 (03/05) 3nmのM3チップ搭載のMacBook Airが登場、M2と同じ筐体と画面で価格も据え置き (03/04) 3月登場のM3チップ搭載iPad ProやMacBook Air、発表イベントは開催されず発売へ (03/04) iPhone SE 4はiPhone 13や14と全く同じ大きさでFace ID搭載、CADデータで判明 (03/02)
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは? FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたFirefoxのアドオンです。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞれに不足している機能があったり、またITに詳しくない人にとっては導入が面倒かつ困難という面があります。 FireMobileSimulatorは、「誰でも簡単に導入できる」かつ「高機能である」ことを目的に作成された新しい携帯シミュレ
Firefoxでモバイル端末をシミュレートするアドオン「FireMobileSimulator」 Tweet 2008/9/4 木曜日 matsui Posted in 記事紹介・リンク | 3 Comments » thorikawaさんからのタレコミです。 (情報提供ありがとうございます) FireMobileSimulatorは、ドコモ、au、ソフトバンクの3キャリアに対応し、HTTPリクエストや絵文字表示などをシミュレートしてくれるFirefoxのアドオンです。 → 遙かへのスピードランナー Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します [d.hatena.ne.jp] → Firefox Add-ons FireMobileSimulator [addons.mozilla.org] Firefoxでケータイ開発
An experiment into connecting the Web with language. It Doesn’t Have to be This Way You’re writing an email to invite a friend to meet at a local San Francisco restaurant that neither of you has been to. You’d like to include a map. Today, this involves the disjointed tasks of message composition on a web-mail service, mapping the address on a map site, searching for reviews on the restaurant on
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く