A Firefox-only minimap | Stefan Judis Web Development
Greetings! 👋 If you discovered this page, you're part of the few Firefox desktop users out there (market share is only 4% right now) and wondered how my blog posts' minimaps are made. If you're not using Firefox, this is how the minimap looks like. Firefox is the only browser that supports the fancy element() CSS function (with a vendor prefix, but hey 🤷♂️). The function allows you to display i
Firefoxは危険なJavaScriptに対応しない - Qiita
Firefox / Safari MozillaはMozilla Specification Positionsというリストを公開しています。 IETFやW3C、TC39などが提唱しているWeb技術に対して、Mozillaはどのように評価しているかという立ち位置を表明したものです。 あくまで現時点での評価であり、もちろん今後の仕様変更などに伴い評価は変わる可能性があります。 Mozilla's Positions Mozillaはどのように評価しているかの分類。 under consideration 評価の検討中。 important 優れた概念であり、Mozillaにとっても重要である。 worth prototyping 優れた概念であるが、プロトタイプを作成し、フィードバックを得て磨きをかける必要がある。 non-harmful 有害ではないが、良いアプローチではなく、取り組む価値
FirefoxがネイティブLazyloadをサポート、画像の遅延読み込みを簡単に実装可能に
[レベル: 上級] 正式版の Firefox 75 が画像のネイティブ Lazy load をサポートしました。 画像タグ (<img>) に loading="lazy" HTML 属性を追加するだけで、画像の遅延読み込みが Firefox で可能になります。 遅延読み込みさせることによりページの表示速度の向上が見込まれます。 ウェブ標準になった loading 属性を最初にサポートしたブラウザ Lazy load（レイジー ロード）は、必要になったときにリソースの読み込みを開始する技術です。 たとえば、画像がスクリーンの外にあるときには読み込みません。 ユーザーにはまだ見えていないからです。 スクロールしてその画像がスクリーン領域に入りそうになったときに初めて読み込みを開始します。 不要なリソースの読み込みを遅らせることで、ページの表示速度を上げることができます。 一般的には、Inte
ChromeとFirefoxはFTPのサポートを終了する予定
by Stephen Shankland FTPとはサーバーとクライアント、2種類のソフトウェアを用いて両者の間でファイルを送受信するためのプロトコルです。そんなFTPに対するサポートを、ChromeとFirefoxが終了する予定であると報じられています。 Chrome and Firefox Developers Aim to Remove Support for FTP https://www.bleepingcomputer.com/news/google/chrome-and-firefox-developers-aim-to-remove-support-for-ftp/ Chromeの開発者らは数年前からChromeでのFTPサポートを終了したいと考えていたとのこと。FTPはかなり古いプロトコルであり、セキュリティの面での問題が残っています。そのため、開発者らは2014年ごろか
Firefox Monitor
Find out if your personal information has been compromisedStay safe with privacy tools from the makers of Firefox that protect you from hackers and companies that publish and sell your personal information. We’ll alert you of any known data breaches, find and remove your exposed info and continually watch for new exposures. Email addressCheck for breaches Why use Firefox Monitor?Identifying an
Mozillaは2019年1月リリースの「Firefox 65」からユーザートラッキングをデフォルトでブロックするよう変更する方針
ブラウザでインターネットを利用しているユーザーの行動を逐一把握して広告戦略に役立てる「ユーザートラッキング」の動作をシャットアウトすることをMozillaが発表しました。 Changing Our Approach to Anti-tracking - Future Releases https://blog.mozilla.org/futurereleases/2018/08/30/changing-our-approach-to-anti-tracking/ Firefox to Block Ad Trackers by Default | News & Opinion | PCMag.com https://www.pcmag.com/news/363463/firefox-to-block-ad-trackers-by-default 多くのウェブサイトに表示される広告の中には、ペ
FirefoxのCSS Gridインスペクターが便利！
CSS Gridのデバグに便利なFirefoxのCSS Gridインスペクターをご紹介します。Firefox 56から搭載 されているこのインスペクターを使うと以下のグリッド関連の情報が表示できます。CSS GridするならFirefoxがいいですね。 グリッドをオーバーレイ表示 線番号を表示 領域名を表示 グリッド線を無限に延伸 各グリッドの詳細を表示 開発ツールを表示する まずはメニューの「ツール > ウェブ開発 > 開発ツールを表示」から開発ツールを表示します。 グリッドをオーバーレイ表示 グリッドの親要素を選択すると、「ルール」タブのCSSのところに小さくグリッド・アイコンが表示されます。このアイコンをクリックするとグリッドのオーバーレイが表示されます。 FirefoxのCSS Gridインスペクターの機能はこれだけだと思っていたんですが、他にもありました！ 「レイアウト」タブ 開
これから開発されるFirefoxの新規機能は、HTTPSにしか対応しない。新規のCSSプロパティなども対象
これから開発されるFirefoxの新規機能は、HTTPSにしか対応しない。新規のCSSプロパティなども対象 Firefoxを開発するMozillaは、Firefoxにおいてこれから開発されるWeb関連の新機能はすべて安全なコンテキスト（Secure Context）のみを対象にすると、Mozilla Security Blogの1月15日付の記事「Secure Contexts Everywhere」で明らかにしました。 安全なコンテキストとは？ 安全なコンテキストとは、W3Cのドキュメント「Secure Contexts」で厳密に定義されています。日本語での説明はMDNの「Secure Contexts」で読むことができ、次のように説明されています。 (HTTPS / TLS を介して) コンテンツが安全に配信され、安全ではないコンテキストとの通信の可能性が限られているという合理的な確信
超高速エンジンの内部：Quantum CSS（別名Stylo）- 前編 | POSTD
Project Quantumのことをお聞きになったことがあるでしょう。これはFirefoxを高速化するために、Firefoxの中身を大幅に書き換えたものです。実験的なブラウザ、Servoから部分的に交換を実施し、エンジンの他の部分の著しい改善を図っています。 このプロジェクトは、飛行中のジェット機でのジェットエンジンの取り替えに例えられます。現場でコンポーネントごとに変更を実施するので、各コンポーネントの準備が整い次第、Firefoxで効果を確認することができます。 また、Servoから採用した最初の重要なコンポーネントは、Quantum CSSと呼ばれる新しいCSSエンジン（以前の別名はStylo）で、現在はNightly版でテストすることが可能です。(編注:Firefox 57からはデフォルトで有効化されています) about:config に行き、 layout.css.servo
さよなら、Firebug | POSTD
最も人気が高くパワフルなWeb開発ツール。 Firebugはこれまでに驚異的な成功を収めており、その12年の歴史において、オープンソースのツールとして、Web開発者の間でカルト的な人気を築き上げてきました。登場したのは2005年、Firefoxブラウザでコードの検査、編集、デバッグをできるようにした最初のツールです。また、どのようなWebページにおいても、CSS、HTML、JavaScriptの調査を可能にしています。これは大きな前進でした。 Firebugは多くの人の注目を集め、現在でも100万人以上の熱心なファンがそれを使用しています。 そのような中、来月リリースされるFirefox Quantum (バージョン57) で、Firebugが終焉を迎えるのは残念でなりません。ただし、現在のFirefox Developer ToolsにFirebugの全ての機能が盛り込まれている点につい
Firefox 52 が正式リリース、WebAssembly、CSS Grid Layout の実装、レスポンシブデザインモードの拡充など盛りだくさん
Firefox 52 が正式リリース、WebAssembly、CSS Grid Layout の実装、レスポンシブデザインモードの拡充など盛りだくさん Firefox 52 が正式リリースされ、WebAssembly、および CSS Grid Layout の実装が行われたほか、レスポンシブデザインモードにおける新機能の追加やセキュアでないログインフォームに対する警告表示が強化されました。 Firefox の最新版、Firefox 52 が正式リリースされ、自動更新も提供開始されました。Android 版も同時公開。 WebAssembly、および CSS Grid の実装が行われ、Web サイト制作者、開発者にとってはうれしい機能が追加されました。 また、すでに Firefox Developer Edition では実装済みだったレスポンシブデザインモードにおける新機能が正式版にも反映
安全でないサイトではブラウザ新機能をサポートせず、Firefox開発元が決定。ウェブの世界はHTTPSに向かう
[レベル: 上級] Firefoxブラウザの開発元、Mozillaは、安全ではないサイト、言い換えるとHTTPSで通信していないサイトのサポートを段階的に終了することを発表しました。 将来的に、HTTPSではないページをFirefoxでは利用できなくなるかもしれません。 期日以降はHTTPSでのみブラウザの新機能をサポート HTTPSではないサイトのサポートの打ち切るというMozillaからの提案は、約1か月前に、Googleグループを利用したディスカッションボードで議論が始まりました。 このディスカッションも踏まえて、MozillaはHTTPのサポートを廃止する計画を決定しました。 次の2つが、計画の重要な決定事項になります。 期日を設定し、その日以降は、すべての新しい機能を安全なサイトだけで利用できるようにする ブラウザ機能、特にユーザーのセキュリティやプライバシーに危険をもたらす機能
さよならChrome。私、Firefoxに戻ります
さよならChrome。私、Firefoxに戻ります2015.02.16 12:008,095 渡邊徹則 みなさん、ブラウザなに使ってます？ Chromeですよね。ではその前はなに使ってました？ Firefoxですよね。 Chromeは、機能を最小限に絞った、その分恐ろしく速いブラウザでした。初めて試した時は、まるでコンピューターを買い替えた時のような感覚を味わったものです。しかし最近のChromeは、太りすぎて、遅くて、少なくとも私の環境では、しょっちゅうクラッシュするようになりました。もう、我慢の限界なんです。 その予兆は、数年前からありました。グーグルは2011年頃から、肥大化するChromeのファイルサイズを下げようと四苦八苦していたんです。 インストール時のサイズは問題ありません。ただ、ちょっと検索しただけでも、ここ数年のChromeに対する不満はゴロゴロ出てきます。とりあえず、タ
ウェブ開発やデザインが超絶捗る開発者のためのウェブブラウザ「Firefox Developer Edition」が登場
無料で使えるオープンなウェブブラウザ「Firefox」が登場してから今年でちょうど10年になるそうですが、そんな節目の年に、Firefoxを開発しているMozillaがウェブ開発者目線で作成し、開発者やデザイナーにこそ使ってほしいというウェブブラウザ「Firefox Developer Edition」をリリースしました。 Firefox Developer Edition — Mozilla https://www.mozilla.org/ja/firefox/developer/ Firefox Developer Editionはウェブ開発者のために作られたブラウザで、作成・テスト・サイズの変更といった開発のワークフローで必要とされる機能をすべて持っているものです。さらに、専用のアドオンをインストールすれば、Firefox Developer Editionを操作するだけで他のブラウ
line-height: normal !important
たまに忘れてFirebugで調査して「あーそうだった！ これだよ！ クソが！ 俺か！」みたいな。これはFirefoxのフォーム系の置換要素に設定してあるデフォルト・スタイルで、入力ボックスとボタンの高さを揃えるのが面倒くさい原因のひとつ(もちろんこれだけではない)。これはかなり昔からあるけど「置換要素がline-heightプロパティーで高さ変わるわけねーだろクソが」という理由によりWon't Fixなので、死ぬまで付き合うことになりそう。 !importantなため制作者スタイルからはどうあがいても上書きするのは無理なので、他のブラウザー向けにline-height: normalを設定してやるのがまず必要。その上で入力ボックスとボタンのbox-sizingプロパティーが違うことに気をつけ、高さを指定する。 input[type="text"] { height: 1.75em; lin
【CSS】transitionプロパティ使用時に、Chromeブラウザで1pxずれる現象を回避する | バシャログ。
先週インフルエンザに感染して、ダウンしてました ishida です。 今年のインフルエンザは感染力がかなり強いようで、 次女→自分→長女→嫁（いまココ）と感染してしまいインフル一家となってしまいました。。。 助けてぇ〜。 急な高熱・のどの痛み・関節痛などの症状がでたら、すぐ病院に行きましょうね。 さて今回は、先日コーディング中に遭遇したChromeブラウザのみにおきた現象を回避するための Tips を紹介します。 最近のHTMLコーディングでは、ボタンなどのマウスオーバーエフェクトを CSS で対応することが多いです。よく使うのは、以下のようなものです。 ソースコード HTML <p class="button"><a href="#"><img src="hogehoge.png" alt="ボタン" width="300" height="80"></a></p> .button {
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Firefox 63」でSymantec発行のTLS証明書が無効に ～トップ100万サイトの3.5％に影響／正式版は10月23日リリースの予定
“WebAssembly”対応の「Firefox 52」が正式リリース ～NPAPIのサポートは終了
TechCrunch | Startup and Technology News
親がdisplay: table-*;の時、子のimg {max-width: 100%; }が効かない
