Web の仕様を眺めるシリーズ prefers-reduced-data | Offers Tech Blog
Offers を運営している株式会社 overflow の あほむ でございます。 本記事は Chrome Platform Status からなんとなく Proposed なステータスのフィーチャーを取り上げて、そのプロポーザルを眺めてみるシリーズです。前回は CSS Custom Highlight API でした。 prefers-reduced-data データーセーバー設定を検出するメディアクエリ 今回は Media Queries Level 5 prefers-reduced-data を眺めてみます。本当に眺めるだけで深入りしないので概要のみのライトな記事とご認識ください。 Editor's Draft ですが Working Draft にもあがっています。Chrome Platform Status で Proposed ですが仕様がリリースされてからはそれなりの年月が
Web の仕様を眺めるシリーズ Document Picture-in-Picture (PiP)｜Offers Tech Blog
Offers を運営している株式会社 overflow の あほむ でございます。 本記事は Chrome Platform Status からなんとなく Proposed なステータスのフィーチャーを取り上げて、そのプロポーザルを眺めてみるシリーズです。前回は CSS Anchored Positioning でした。 HTMLVideoElement 以外も Picture-in-Picture したい 今回は Document Picture-in-Picture を眺めてみます。本当に眺めるだけで深入りしないので概要のみのライトな記事とご認識ください。 専用の Window を丸ごと PiP すればいいじゃない！ Picture in Picture (以下 PiP) は動画コンテンツ等を画面隅などに置かれる小さな表示領域で独立して再生させる一種のマルチウィンドウ UI です。現在
accent-color でフォーム要素の色を変える - Goodpatch Tech Blog
css accent-color Design Div 所属のフロントエンドエンジニア 上垣 です。 チェックボックスやラジオボタンなどのフォーム要素を、ブラウザのデフォルトスタイルをリセットしてゼロから作るのは、やってみると意外と考慮することが多くてなかなか大変ですよね。 できればデフォルトのフォーム要素を使いたいけど、ブラウザのデフォルト要素ではサイトのトンマナに合わないんだよな〜、というケースもあると思います。 この記事では、そんな場合に accent-color を使って、フォーム要素の色を変更する方法をご紹介します。 accent-color が対応しているフォーム要素 シンタックス 実装結果 画像(macOS Chrome101, dark モードで表示) コードペン 対応ブラウザ 仕様書 accent-color が対応しているフォーム要素 対応しているフォーム要素は、今のと
Web パフォーマンスとプロダクト KPI の相関を可視化する話 2022ver - ドクターズプライム Official Blog
@1000ch (id:hc0001) です。技術顧問業としては広報周りの戦略を考えていることが多いのですが、今日はエンジニアリングの話です。 ドクターズプライムのプロダクト開発の中でも、パフォーマンス上の課題を発見して改善に取り組むことがあります。今回は @oinume (id:oinume) さんから 「この辺りの実装が問題になっていそう…」 という相談があったので、私がアプリケーション全体を眺めてボトルネックになっている箇所をいくつかピックアップし修正方針を提案したのですが、 実装を修正する前に 「まずは継続的にモニタリングできる環境を準備してパフォーマンスの前後がわかるようにしましょう」 ということで原点回帰した話です。 Core Web Vitals でリアルユーザーモニタリング パフォーマンス指標とプロダクト KPI の選定 リアルユーザーモニタリングと合成モニタリング データ
ブックマーク専用の新しいChrome・Firefoxブラウザ拡張機能を公開しました。 - はてなブックマーク開発ブログ
2022/3/16 10:30 追記 拡張機能について追加のお知らせを公開しました。よろしければ当記事とあわせてご覧ください。 bookmark.hatenastaff.com はてなブックマークの新しいChrome拡張、ならびにFirefoxアドオンを公開しました。Webの気になった記事をブラウザから素早くブックマークできる公式の拡張機能です。 下記のリンクよりブラウザにインストールして、ぜひご利用くださいませ。 インストールはこちらから Chromeウェブストア chrome.google.com はてなブックマークの既存のChrome拡張とは異なるバージョンです。別の新たな拡張機能として追加されます。 Firefoxアドオンページ addons.mozilla.org 昨年の8月より旧来のFirefoxアドオンをインストールできない状況が続いたことにより、お待ちいただいた皆様にはご不
Chrome 92以降のSharedArrayBuffer警告に対するZOZOTOWNが実施した調査と解決策 - ZOZO TECH BLOG
こんにちは、ZOZOTOWN部フロントエンドチームの高橋（@anaheim0894）です。 Chrome 92から「SharedArrayBuffer」の仕様が変更されます。それに伴い、ZOZOTOWNの対応方針と解決策をご紹介いたします。そもそも「SharedArrayBuffer」が何のことなのか分からず困っている方も多いかと思います。本記事で紹介するZOZOTOWNの取り組みが対応時に皆様の参考になれば幸いです。 取り組みのきっかけ 2021年3月、Google Search Consoleに以下メッセージが送られてきました。 Googleの公式アナウンスによると、「Chrome 92からはcross-origin isolation（クロスオリジン分離）が構成されていないと正常に動作しなくなる」と書かれていました。 つまりSharedArrayBufferを引き続き使うには、他サイ
【現在は対応不要】Chrome80以降でALBの認証を使っているとcookieが4096バイトを超えて認証できないことがあり、社内サービスではcookie名を縮めて対応した - hitode909の日記
2020/2/18追記 サポートに問い合わせたところ、ALBの不具合はロールバック済みで、cookie名を縮める対応は不要、とのことでした。試してみたところ、たしかにcookie名の指定をやめても問題なく認証できました。 AWSのApplication Load Balancerの認証機能を使って、スタッフからのアクセスのみ許可する社内向けウェブサービスを運用しているのだけど、昨日くらいからGoogle Chromeで認証が通らなないという声を聞くようになった。 現象としてはリダイレクトループが発生していて、コンソールを見るとSet-Cookie headerが長すぎるというエラーが出ていた。 Set-Cookie header is ignored in response from url: https://****/oauth2/idpresponse?code=e51b4cf0-8b
Netflixで英語学習ができるLLN(Language Learning with Netflix)が最高すぎるので使い方をご紹介
Netflixの映像コンテンツを使って英語の学習ができるLLN（Language Learning with Netflix）というChrome拡張を試してみたのですが、想像を遥かに超えて、最高に便利で楽しいものでした。 感動の気持ちをtweetしたら地味にバズってしまい、使い方の質問や感想なんかのDMも届くように…w 良い機会なので、みなさんにもLLNをもっと知って頂きたく、記事にまとめてご紹介することにします。 Netflixを使って英語学習が出来るChrome拡張LLN(Language Learning with Netflix)の噂を聞いて試してるんだけど凄く良い！聞き逃してた単語の意味や文法＆時節も丁寧に確認できるし、マニアックなドキュメンタリーを見た時にネイティブの専門用語の用法や表現学べるの楽しい。https://t.co/tqSr7tKAVz pic.twitter.co
Microsoft intercepting Firefox and Chrome installation on Windows 10 - gHacks Tech News
When you try to install the Firefox pr Chrome web browser on a recent Windows 10 version 1809 Insider build, you may notice that the installation gets interrupted by the operating system. The intermediary screen that interrupts the installation states that Edge is installed on the device and that it is safer and faster than the browser that the user was about to install on the device. Options prov
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebWorkerをenjoyableにするComlinkとは何者か - Qiita