朗報！ これでCSSネストの記述方法がより簡単になります
2023年、CSSにもたくさんの新機能がブラウザに実装されました。そのうちの一つがCSSネストで、現在ではChrome, Edge, Safari, Firefoxの主要ブラウザにサポートされています。 来週リリース予定のChrome 120で、CSSネストがより分かりやすい構文もサポートされ、記述方法が簡単になるので紹介します。 CSS nesting relaxed syntax update by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに 要素タグのネスト このネストを可能にするために何が変更されたのか はじめに CSSのネストは、2023年3月にリリースされたChrome 112でサポートされ、現在では主要な各ブラウザでサポートされています。
グーグル、信頼できる「Chrome」拡張機能に認証バッジを付与開始--実績ある開発者にも
Googleは、ウェブブラウザー「Chrome」用の優れた拡張機能を見つけやすくするため、「Chrome Web Store」で認証バッジ「Featured」「Established Publisher」の付与を開始した。 これらのバッジは、安全で使いやすく、信頼できると判断した拡張機能を示すもの。Chrome Web Storeで提供する拡張機能に対して、Googleが付与する。 Featuredバッジは、拡張機能の操作性やデザインがGoogleの基準を満たしているものに与えられる。最新のAPIを使っているかや、ユーザーのプライバシーに配慮しているかに加え、紹介ページの解説内容と画像なども評価対象だ。
「Firefox」サポートしないサービス続々 国内シェア今や6%足らずに（2022年3月26日）｜BIGLOBEニュース
ウェブブラウザー「Firefox」について、ネット銀行「PayPay銀行」は2022年3月25日にサポートを終了した。推奨ブラウザー環境の対象外となり、今後は画面が正しく表示されなくなる可能性がある。 2004年に公開された米国発のFirefoxは、かつてはウィンドウズ搭載パソコン（PC）に標準搭載されていた「Internet Exploer」（IE）に次ぐ有力な選択肢として人気を集めた。現在では、事情が変わってきている。 2010年は国内2位、シェア2割強だったアイルランドの「statcounter」というサービスは、ウェブブラウザーの利用率を集計している。公式サイトによると、世界中の200万以上のサイトへのアクセスを分析しているという。 それによると今から11年ほど前、2010年12月の国内パソコンブラウザーのシェアは、IEが58.6%で1位、そして2位にFirefoxが21.63%で
長く使われて成長を続けるアプリの 5 原則：ユーザーがアプリで最も重視していること、およびユーザーとの間に持続的なエンゲージメントを構築する方法に関するインサイト
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
「モジラはChromiumを採用すべき」--マイクロソフト社員がツイート、反撃を受ける
Mozillaは「Google Chrome」に負けたことを認めてGoogleのブラウザ技術を採用するべきだと、Microsoftの幹部が米国時間1月25日に提案した。これに対し先週末、「Firefox」の独立性が今まで以上に重要になったとの反論が起きていた。 ChromeはGoogleのオープンソースソフトウェアプロジェクト「Chromium」をベースに構築されている。オープンソースのため、誰でもChromiumのコードを自分のプロジェクトで使って改良し、変更点を還元することが可能だ。現在、Chromeは優位性を保持しており、Googleは同ブラウザの改善に多額の資金を投じている。そのため、多くのブラウザメーカーは、まさにMicrosoftの幹部が提案したことを実行している。Chromiumベースのブラウザメーカーには、OperaやVivaldi、サムスン、Brave、そして、最近ではM
Chromium Docs - Guidelines for URL Display
This document covers the best practices and pitfalls for building UI to display URLs in browsers and other apps. It covers the main categories of problems and challenges that we’ve seen in building Chrome. The guidance is intended to be generally applicable, but includes some Chrome-specific notes throughout. BackgroundThe URL displayed in a user agent's address bar is often the only security cont
Google Chrome (Chromium)を自分でビルドする - ろば電子が詰まつてゐる
いろいろとやる必要があり、Chromiumを手元でコンパイルしたのでその記録。 (2018-06-23) @tzik_tackさんに指摘いただき、一部修正しました。ありがとうございます。 ChromeとChromium まず、予備知識。 Chromiumはオープンソースプロジェクト名であり、そのプロダクトがChromiumというWebブラウザ。そして、ChromiumをベースにGoogleが固有機能を追加したものが、我々がふだん使っているGoogle Chromeである。 https://www.chromium.org/ もっとも、Chromiumプロジェクト自体Googleが深く関わっているし、普通にそこでの実装の意思決定もGoogleのエンジニアによるものが多いので、実質どっちもGoogleがやってるという理解でおおむね問題ない。 Google Chrome自体はGoogleの著作物
極めろ！！Google Chrome Devtools 52の関節技 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づ
Chromium のソースコードの歩き方
これは Chromium Browser アドベントカレンダーの一日目の記事です。初日ということで、本記事では Chromium のソースコードを読む上で役に立つであろう、プロジェクトのディレクトリ構成やファイル構成を紹介します。 (2018/04/09) “The Great Blink mv”1 プロジェクトによってついに WebKit ディレクトリが blink ディレクトリにリネームされました。それに伴い本記事の内容を更新しました。差分は以下の通りです。 third_party/WebKit/Source を third_party/blink/renderer に置換。 blink/ 内のファイル名の命名規約を Bar.{cpp,h} から bar.{cc,h} に置換。 置換に伴う説明文の修正。 (2017/12/01) ディレクトリ構成について追記しました。 Chromium
グーグルのクローム、他社と比べものにならない便利さ…IEの牙城壊しブラウザ市場トップ （Business Journal） - Yahoo!ニュース
先頃、インターネットのブラウザ（閲覧ソフト）市場で米グーグルのクロームが、米マイクロソフトのインターネット・エクスプローラー（IE）を抜き世界で首位に立った。 ブラウザ市場での競争は、ネットが商用化した1990年代初頭に第1次ブラウザ戦争として始まった。ブラウザ史上初めてテキストと画像の同時表示を可能としたモザイクが起点となり、ネットスケープやIEが黎明期の主役として競い合った。 その後、2000年代に入り第2次ブラウザ戦争が始まったが、IEを中心にしてモジラ・ファイヤーフォックスなどの新興ブラウザが登場し、スマートフォン（スマホ）やタブレットなどのモバイル端末も巻き込んで、クロームやサファリなどが後発として参入した。 なかでもクロームは、グーグル社内で開発の是非についての議論が沸騰したといわれている。開発を強く希望したのは、グーグルの現CEO（最高経営責任者）であるサンダー・ピチャ
Google Chromeが採用した、擬似乱数生成アルゴリズム「xorshift」の数理
2015年12月17日、Google Chrome の JavaScript エンジン（処理系）である V8 の公式ブログにて、 JavaScript の標準的な乱数生成APIである Math.random() の背後で使われているアルゴリズムの変更がアナウンスされました。 Math.random() 関数は JavaScript を利用する際には比較的よく使われる関数ですので、親しみのある方も多いのではないかと思います。 新たなバグの発見や、従来より優秀なアルゴリズムの発見によってアルゴリズムが変更されること自体はそれほど珍しくはないものの、 技術的には枯れていると思われる Math.random() のような基本的な処理の背後のアルゴリズムが変更されたことに驚きを感じる方も少なくないかと思いますが、 それ以上に注目すべきはその変更後のアルゴリズムです。 実際に採用されたアルゴリズムの原
JavaScriptのデバッグのコツと技 | POSTD
以前の記事で、 Webアプリケーションのデバッグの仕組み について触れました。今回は実践的なJavaScriptのデバッグについて掘り下げていきたいと思います。 ブラウザデベロッパツール 私の個人的なお気に入りはChromeデベロッパツールです。SafariやFirefoxはChromeほどの高水準に達していません。しかし、徐々に改善されてきています。FirefoxにはFirebugと改良されたFirefoxデベロッパツールが組み合わされた機能が備わっています。もし、Firefoxチームがビルトインされているデベロッパツールの改良の中で素晴らしい仕事をし続けたとしたら、Firebugはいつか、すたれるかもしれません。 個人的な好みにかかわらず、ターゲットとするあらゆるブラウザで、全てのコードのテストやデバッグができるようにすべきです。”あらゆるブラウザ”には、かの有名なInternet E
さよなら手作業・人海戦術！ HTML5時代のツール「Selenium2」でWebシステムのテストを自動化
本シリーズは、WebブラウザをUIとして利用した業務システムやアプリケーション（以下、Webシステム、Webアプリケーション）のテストをテーマとして、Webブラウザを使ったテストを自動化するOSSのツール「Selenium2」を紹介します。業務システム開発の現場で適用してきたノウハウを元に、これまでSelenium2について知らなかった人から以前使った経験がある人まで、より実践的な「使える」内容を盛り込んでいきたいと思います。 本シリーズのスコープと対象読者 本シリーズはWebシステム・Webアプリケーションのテストの中でも「Webブラウザを操作して実施するテスト」をスコープにしています。開発工程としては、1モジュールとして単体テストに位置付けられる場合もあれば、複数のモジュールやシステムと連携して結合テストや総合テストに位置付けられる場合もあるでしょう。これらのテストのことを、本シリーズ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Chrome 112」が正式版に ～Windows/Mac/LinuxのChromeアプリは完全終了／脆弱性の修正は16件
「Chromium」へのRust言語採用はサードパーティライブラリから ～Googleが解説／来年中にも「Chrome」のバイナリにRustコードが含まれるように
「Google Chrome 102」はタイトルバーに検索ボックスを配置したPWAも可能 ～ベータ版が公開／Webアプリの使い勝手向上やユーザーのプライバシー保護につながる機能強化が多数
TechCrunch | Startup and Technology News
「Google Chrome 68」公開、HTTPサイトには容赦なく警告を表示する仕様に 
JVN#98975951: Chrome 拡張機能 5000兆円コンバーターにおけるクロスサイトスクリプティングの脆弱性
「Firefox」へ“Chrome ウェブストア”の拡張機能を直接インストールできる拡張機能が登場【やじうまの杜】
