CSSのコンテナクエリと:has()擬似クラスを使用すると、こんなことができるようになる
CSSのコンテナクエリと:has()疑似クラスを使用するとこんなことができる、というのをGoogleデベロッパーのUna氏が公開していたので、紹介します。 簡単に説明すると、:has()疑似クラスは引数の要素を含んでいるかをCSSで判別できます。.card:has(.visual)でカード内に画像（.visual）が含まれている場合のスタイル、.card:not(:has(.visual))で含まれていない場合のスタイルを定義できます。 下記は、カードに画像が含まれている場合は見出しのfont-sizeを小さく、含まれていない場合は大きくしています。 Simple CQ Demo with :has() 先日リリースされたSafari 15.4で、:has()疑似クラスがサポートされました。Chromeは次期101のflagsで使用できる予定（Canaryはすでに使用できます）で、すべての
Webページの特定のテキストにリンクを張れるChrome拡張機能、Googleが公開
米Googleは6月17日（現地時間）、Chrome拡張機能「Link to Text Fragment」をChrome Web Storeで公開した。Webページ上の特定のテキストへのURLを生成できる。 拡張機能をインストールしたら、リンクしたいテキスト部分を選択し、右クリックで表示されるメニューで「Copy link to Selected Text」を選ぶ。 これでURLが生成されるので、後はメールなりメッセンジャーなりにペーストするだけだ。例えば記事の途中などにもリンクできる。リンクをクリックすると、リンク先として選ばれた部分が黄色く表示される。 長い論文で参照したい部分の覚え書きにも使えそうだ。 筆者の環境では、Chromium版Edgeでも使えることが確認できた。 関連記事 「Chrome 83」の安定版公開 タブのグループ化、Cookie設定や安全性チェック、拡張機能管理の
Chromeが「5秒後にスキップできます」などのムービー広告を2020年8月からブロック開始
by Simon Steinberger YouTubeなどでムービーを視聴中に「5秒後にスキップできます」という表示と広告が出てきてイライラさせられた経験がある人も多いはず。Chromeに搭載された広告ブロック機能が、2020年8月5日からこうした広告をブロックすると、Googleが発表しました。 Chromium Blog: Videos with fewer intrusive ads https://blog.chromium.org/2020/02/videos-with-fewer-intrusive-ads.html Coalition for Better Ads Announces Better Ads Standard for Short-Form Video to Improve Consumer Experience Online https://www.bette
Google、Chromeブラウザで低速サイトに不名誉なバッジ表示を検討中
Googleは同日からChromeブラウザの開発者カンファレンス「Chrome Dev Summit 2019」を開催している。バッジ表示の実施のタイミングはまだ不明だが、Googleは開発者に対し、バッジが表示されるのを待たずにWebサイトを最適化するよう勧めている。 関連記事 CloudflareとGoogleのChrome（Canary）がHTTP/3のサポート開始 Firefox（Nightly）も間もなく CloudflareがエッジネットワークでのHTTP/3サポートを利用可能にしたと発表した。GoogleのChromeもCanaryバージョンで利用できる。MozillaのFirefoxも次のNigtlyバージョンでサポートする見込み。 Google、画像をドラッグ＆ドロップで圧縮するWebツール（PWA）「Squoosh」公開 Googleが、ドラッグ＆ドロップで画像を圧縮す
「有料記事を無料で見られるGoogle Chrome 76の機能」によりかえって情報が高価になるという指摘
by Nikin 2019年7月30日に公開された「Google Chrome 76」ではシークレットモードが強化されており、無料ユーザーから有料記事をブロックするペイウォールの一部が回避可能になりました。しかし、これによりかえって情報がユーザーの手に届きにくいものになってしまうと、広告技術などのニュースを扱う海外メディアWhat's New in Publishingが指摘しています。 Google unlocks 33% of publisher paywalls on July 30. This is what happens next. | What’s New in Publishing | Digital Publishing News https://whatsnewinpublishing.com/google-unlocks-33-of-publisher-paywall
400万人以上の個人情報がChromeとFirefoxの拡張機能から流出してネット上で販売されていたことが判明
サイバーセキュリティ研究者のサム・ジャダリ氏は2019年7月20日、「ブラウザの拡張機能を介した壊滅的なデータ漏えい」として「DataSpii(データスパイ)」というセキュリティ問題を報告しました。ジャダリ氏によると、Google ChromeやMozilla Firefoxの拡張機能の一部が個人情報を含む閲覧履歴を収集し、入手した情報をインターネット上で販売していたとのことです。 DataSpii - A global catastrophic data leak via browser extensions https://securitywithsam.com/2019/07/dataspii-leak-via-browser-extensions/ My browser, the spy: How extensions slurped up browsing histories f
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
Downloads - ChromeDriver - WebDriver for Chrome
Current Releases For more information on selecting the right version of ChromeDriver, see the Version Selection page. ChromeDriver 114.0.5735.90 Supports Chrome version 114 For more details, see the release notes. ChromeDriver 114.0.5735.16 Supports Chrome version 114 For more details, see the release notes. ChromeDriver 113.0.5672.63 Supports Chrome version 113 Resolved issue 4205: Same object id
そろそろChromeにオサラバ、Safariに戻ったほうがよい理由
そろそろChromeにオサラバ、Safariに戻ったほうがよい理由2019.03.10 20:00155,414 Adam Clark Estes - Gizmodo US ［原文］ （ 湯木進悟 ） 時代は繰り返されるのでしょうか？ ブラウザといえばIE（Internet Explorer）とキマっていただなんて、もうとっくの昔のようです。世ではChromeがブラウザのスタンダードとして、すっかり定着してきたようなイメージがありますよね。でも、もしかすると、そんな我が世の春を謳歌できるのは、あともう少しだったりするのかもしれません。このほど米Gizmodo編集部のAdam Clark Estes記者は、Chromeを捨てて、Safariユーザーに戻ったことで経験した感動をまとめています。こういう流れが加速していったりするやも…。 ボクの記憶が正しければ、初めてGoogle（グーグル）のC
【Chrome Extension】簡単にURLとタイトルをコピーできる「simple-url-copy」作りました - フリーランチ食べたい
今閲覧しているURLとタイトルを簡単にコピーできるChrome Extensionを公開しました。 ダウンロードはこちらから↓ chrome.google.com このブログでは、なぜこのChrome Extensionを作ったのか、どういう機能があるのかを簡単に紹介したいと思います。 実は同機能を持つ色々なChrome Extensionを試していたのですが、どうしても自分の欲しい機能を満たすものが見つからず、自分で作ってしまいました。 1ヶ月使ってみてかなり便利に使えているので紹介させてもらおうと思いました。 作成した背景 「タイトルとURLをコピーする」Chrome Extensionは検索すると他にも出てくるのですが、自分が欲しかった次の項目を満たす見つかりませんでした。 ショートカットキーで動作する。 余計な文字が入っていない。必要最低限のスタイルがある。 例えば「タイトル：UR
1クリックでページタイトルとURLをコピーできるChrome拡張機能「Simple URL Copy」
ブラウザで閲覧したサイトをSNSなどで誰かに伝えようとサイトのタイトルとURLを取得しようと思ったときに、長いページタイトルを手動でタイピングするのは大変です。「Simple URL Copy」は1クリックするだけでページタイトルとURLをクリップボードできる、シンプルな見た目のGoogle Chrome拡張機能です。 【Chrome Extension】簡単にURLとタイトルをコピーできる「simple-url-copy」作りました - フリーランチ食べたい https://blog.ikedaosushi.com/entry/2019/02/25/012319 Simple URL Copy - Chrome ウェブストア https://chrome.google.com/webstore/detail/simple-url-copy/cefkgjbbpagcilodnhboolbp
無料でウェブ画像から物体を切り抜き透過PNGを作成できるChrome拡張「物体認識切り抜きで透過画像作成」
画像の中から特定の物体だけを切り抜く作業を手動で行うのはかなりおっくうなものです。Google Chromeの拡張機能「物体認識切り抜きで透過画像作成」を使えば、画像ファイルやウェブページの画像から対象の物体だけを自動で切り出して、透過型PNGファイルを出力できます。 物体認識切り抜きで透過画像作成 - Chrome ウェブストア https://chrome.google.com/webstore/detail/auto-background-remover-b/kpkaocloobmfnkbfjenchjopkcochdgj ブラウザ「Google Chrome」を使って上記「物体認識切り抜きで透過画像作成」のページを開き、「今すぐ試す」をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。 100MBを超えるファイルのダウンロードが始まり、インストール作業が行われ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
“江頭2:50”を「Google Chrome」のアドレスバーからググると……？／あまり知られていないURLの形式が罠に【やじうまの杜】
しょうもない“いかがでしたかブログ”を警告するGoogle Chrome拡張／最後まで読んでしまい、損した気分になるのを防止する「この拡張はいかがでしたか？」【レビュー】
Loading...