CSSのlight-dark()関数の実践的な使い方、ライトテーマとダークテーマの作成方法

2024/04/11 10 users light-dark サポートブラウザ CSS 関数 基礎知識

Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。現在のところ、サポートブラウザはChrome, Firefoxですが、Safari TPに実装されており、次のバージョンでサポート予定となっています。 CSSのlight-dark()関数の基礎知識と実践的な使い方を紹介... 続きを読む

デジタル庁が「誰一人取り残しません」と無茶を言っていると思っていたら「マイナポータルをFireFoxに対応しました」というのでジャンピング土下座

2024/03/28 247 users ジャンピング土下座 マイナポータル マスクド・アナライズ

マスクド・アナライズ（ITコンサルタント） @maskedanl デジタル庁「デジタル化で誰一人取り残しません」 ぼく「そんなの無理だろ」 デジタル庁「マイナポータルでFireFox（シェア5%程度）に対応しました」 ぼく「（ジャンピング土下座）」 2024-03-27 11:49:33 続きを読む

ハッキング大会「Pwn2Own」で陥落した「Firefox」、即座にセキュリティ更新を実施／深刻度「Critical」、「Firefox 124.0.1」「Firefox ESR 115.9.1」へのアップデートを

2024/03/24 11 users Critical Pwn2Own 即座 ハッキング大会 深刻度

続きを読む

WebサイトのUIに役立つ、CSSの:has()疑似クラスの便利な使い方

2024/03/14 17 users Has CSS 疑似クラス 特定 おかげ

CSSの:has()疑似クラスは2023年暮れにFirefoxでもサポートされ、すべての主要ブラウザでサポートされました。今までのCSSでは、要素の存在のあり・なしによって特定の親や要素にスタイルを設定することは不可能でしたが、:has()疑似クラスのおかげで、指定した要素がある場合にのみスタイルを適用できるようになりました... 続きを読む

これは覚えておきたい！ CSSの:has()疑似クラスを使うと、こんな面倒な実装も簡単なCSSだけできる

2024/02/14 63 users Has CSS 疑似クラス 実装 if文

CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した要素がある場合にのみスタイルを適用できる、if文のような非常に便利なCSSの機能です。この:has()疑似クラスの基本的な使... 続きを読む

ウェブブラウザの相互運用性を改善する「Interop」プロジェクトとはどんなものなのか？

2024/02/04 18 users Interop ウェブブラウザ Safari 規格 ウェブ標準

ウェブサイトを閲覧する際に使用するブラウザには、Google Chrome以外にもFirefoxやSafariなどが存在しています。「どのブラウザで見てもサイトが同じように表示される」ようにするため、ウェブサイトの規格であるウェブ標準が策定されていますが、さらに互換性を向上させるために発足したのが「Interop」プロジェクトで... 続きを読む

AppleがついにChromeとFirefoxのフルバージョンをiPhone上で動かすことを許可

2024/01/26 34 users Chrome iPhone上 Apple フルバージョン 許可

AppleがiOS 17.4でWebkit以外のブラウザエンジンを許可し、ChromeやFirefox、OperaなどSafari以外のブラウザを完全に動作させることを可能にしたことが明らかになりました。これはEUのデジタル市場法(DMA)施行を受けての対応で、EU圏のユーザーにのみ適用されます。 Apple announces changes to iOS, Safari, and the Ap... 続きを読む

Mozilla、Firefoxなどサードパーティブラウザが技術的不利を強いられていると指摘

2024/01/23 111 users Mozilla 指摘

続きを読む

Apple・Google・Microsoftが自社ブラウザよりもFirefoxを冷遇するために設けている技術的問題点をまとめたページ「Platform Tilt」をMozillaが公開

2024/01/22 26 users Mozilla 自社ブラウザ 問題点 公開 ページ

MicrosoftはWindows、AppleはiOSやmacOS、GoogleはAndroidやChromeOSといったPC・スマートフォン向けのOSを開発しており、Windows搭載PCではEdge、iPhoneやMacではSafari、Android端末やChromebookではChromeといった自社製ブラウザがプリインストールされています。こういったメーカーはサードパーティー製ブラウザより... 続きを読む

「Firefox」興亡史：一時代を築いたブラウザーの歴史と衰退

2024/01/12 18 users 興亡史 ブラウザー 歴史 一時代

Netscapeと米司法省は、Microsoftの「Windows」と「Internet Explorer（IE）」が独占禁止法に違反していると訴えた裁判では勝利したが、Netscapeは結局救われなかった。かつては最も人気のあるブラウザーであったNetscapeの運命は尽きた。同社の初期の従業員だったJamie Zawinski氏は当時、コードの公開に関して、「瀕死... 続きを読む

YouTubeがLinux搭載ARMデバイスでFirefoxを利用している場合に動画解像度を低下させているという指摘

2023/12/13 11 users YouTube マストドン Linux Apple 指摘

AppleのM1チップ搭載Macで動作するLinuxディストリビューション・Asahi Linuxの開発者であるヘクター・マーティン氏が、「YouTubeがLinux搭載ARMデバイスのFirefoxで意図的に動画解像度を低下させている」と分散型SNSのマストドンで報告しました。 Hector Martin: "Today I learned that YouTube i…" - Treehouse Mastod... 続きを読む

「YouTube、わざと遅くされている？」FirefoxやMicrosoft Edgeで回避する方法 | ライフハッカー・ジャパン

2023/12/03 124 users YouTube 広告ブロッカー とおり 攻撃 最初

どうやら2023年は、Googleが自分たちの思うとおりにユーザーにYouTubeを使わせようと決めた年だったようです。 その第一弾として同社は、広告ブロッカーを使いながらYouTubeを訪れる視聴者への攻撃を開始しました。 最初に、広告ブロッカーの使用を中止するように警告するポップアップが表示されますが、それを閉じれば... 続きを読む

WasmGCについて予習する

2023/12/01 22 users WasmGC ガベージコレクタ デフォルト Chrome 記憶

この記事はWebAssembly Advent Calendar 2023 2日目の記事です． ガベージコレクタ(WasmGC)[1]が10月頃にChromeとFirefoxでデフォルトで有効になり，標準化目前ということで大いに盛り上がったのは記憶に新しいかと思います． これはChromeが対応したというよりはChromeが採用しているJavaScriptのランタイムであるV8が... 続きを読む

「Firefox 120」正式版リリース、リンクのコピー時にトラッキングコードを削除することが可能に

2023/11/22 15 users トラッキングコード ピクチャーインピクチャー en-us

ウェブブラウザ「Firefox 120」の正式版が公開されました。トラッキングコードを削除しつつリンクをコピーする機能や、画面端にピクチャーインピクチャーをぴったり配置する機能などが追加されています。 Firefox 120.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/120.0/releasen... 続きを読む

朗報！ これでCSSネストの記述方法がより簡単になります

2023/11/22 16 users CSSネスト 朗報 Relax 構文 記述方法

2023年、CSSにもたくさんの新機能がブラウザに実装されました。そのうちの一つがCSSネストで、現在ではChrome, Edge, Safari, Firefoxの主要ブラウザにサポートされています。 来週リリース予定のChrome 120で、CSSネストがより分かりやすい構文もサポートされ、記述方法が簡単になるので紹介します。 CSS nesting relax... 続きを読む

YouTubeがFirefoxやEdgeユーザーの動画読み込み速度を意図的に低下させているとの指摘

2023/11/21 28 users YouTube ウェブブラウザ Mozilla Edge 速度

動画共有サイトのYouTubeが、Mozillaのウェブブラウザ「Firefox」やMicrosoftの「Edge」において、意図的にユーザーの動画読込速度を低下させているのではないかとの指摘が寄せられています。 YouTube is reportedly slowing down videos for Firefox users https://www.androidauthority.com/youtube-reportedly-slowin... 続きを読む

Slackの新UIを以前のUIに戻す方法 - 秋山界面帳

2023/11/14 179 users Slack code true en-us ターミナル

2023年に変わってしまったSlackのUIを元のUIに戻す方法 同僚から教えてもらって大興奮した 元は SlackRevert – Get this Extension for 🦊 Firefox (en-US) の説明欄に書いてあったらしい ① Slack アプリを閉じる ② ターミナルを開いて、次の 2 つのコマンドを個別に実行する code:sh export SLACK_DEVELOPER_MENU=true ... 続きを読む

WebAssemblyのガベージコレクションが正式機能に、最新版のChrome 119で。Firefoxも今月リリースのFirefox 120で正式機能になる見通し

2023/11/01 29 users ガベージコレクション WebAssembly WasmGC

WebAssemblyのガベージコレクションが正式機能に、最新版のChrome 119で。Firefoxも今月リリースのFirefox 120で正式機能になる見通し 2023年2月にリリースされたChrome 111から試験的実装となっていたChromeにおけるWebAssemblyのガベージコレクション機能（以下、WasmGC）が、10月31日にリリースされたChrome 119で正... 続きを読む

Android版「Firefox」、ようやく拡張機能をフルサポートへ／最大の障害が「Firefox 120」で取り除かれる

2023/10/20 21 users 障害 拡張機能 Android版 フルサポート

続きを読む

Firefoxにプライバシーを保護しつつブラウザ使用状況を集めるシステム「Oblivious HTTP(OHTTP)」と「Distributed Aggregation Protocol(DAP)」が導入される予定

2023/10/13 15 users DAP fastly ISRG Mozilla 傘下

Mozillaがプライバシーを保護しつつブラウザ使用状況を収集するためにプライバシー保護技術「Oblivious HTTP(OHTTP)」と「Distributed Aggregation Protocol(DAP)」をFirefoxに導入することを発表しました。同時に、OHTTPとDAPを実装するためにテクノロジー企業「Fastly」やInternet Security Research Group(ISRG)傘下... 続きを読む

たった一行のCSSで複数カードの水平グリッドを簡単に揃えられる！ CSSのサブグリッド（subgrid）の基礎知識と使い方

2023/10/12 138 users subgrid Safari CSS 一行 見出し

CSSのサブグリッド（subgrid）がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。 先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッ... 続きを読む

CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます

2023/10/04 19 users subgrid CSS 見出し テキスト ブラウザ

先日の記事（Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ）で触れましたがCCSS Gridのsubgrid値が、grid-template-columnsとgrid-template-rowsの2つで設定できるようになりました。Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できます。 CSSのサブグリッド（... 続きを読む

ウェブアクセシビリティ検証ツール「Stark」 | Accessible & Usable

2023/09/22 14 users Accessible Stark figma Sketch

公開日 : 2023年9月22日 カテゴリー : アクセシビリティ 「Stark」というウェブアクセシビリティ検証ツールがあります。各種ブラウザ (Chrome、Firefox、Safari、Edge) の拡張機能として、あるいは各種デザインツール (Figma、Sketch、Adobe XD) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェッ... 続きを読む

WebPコーデックの重大な脆弱性対処でChromeなど主要Webブラウザが緊急更新

2023/09/13 22 users WebP brave Edge ゼロデイ脆弱性 Chrome

画像フォーマット「WebP」に重大なゼロデイ脆弱性が見つかり、Chrome、Edge、Firefox、Braveなどが修正のための更新をリリースした。既に悪用されている。 米GoogleのChromeや米MicrosoftのEdgeなど、主要Webブラウザが9月11日から重大なゼロデイ脆弱性に対処するアップデートをリリースしている。この脆弱性「CVE-2023-... 続きを読む

Chromeで使用中の拡張機能をFirefoxにインポート可能になったので試してみた

2023/08/27 17 users インポート Chrome 手順 テスト 履歴

Firefoxには別ブラウザから履歴やお気に入りをインポートできる機能が搭載されています。新たに、Firefoxで「Chromeで使用中の拡張機能をインポートする機能」のテストが始まったので、実際にChromeから拡張機能をインポートする手順を確かめてみました。 Import bookmarks and other data from Google Chrome | Firefox... 続きを読む