タグ

Chromeとhtmlに関するwakuworksのブックマーク (5)

  • 画像の最適化  |  Web  |  Google Developers

    ウェブ パフォーマンスはウェブ開発の重要な側面であり、ページの読み込み速度と、ユーザー入力に対する応答性が重視されます。パフォーマンスを重視してウェブサイトを最適化することは、ユーザー エクスペリエンスの向上につながります。 このコースの初回リリースでは、ウェブ パフォーマンスの基礎に焦点を当てており、初心者の方に有益です。各モジュールは、パフォーマンスに関する主要なコンセプトを説明することを目的としています。 最新のウェブ エクスペリエンスを構築する場合、スピードとスピードを維持するかどうかを測定、最適化、モニタリングすることが重要です。パフォーマンスは、オンライン ベンチャーの成功において重要な役割を果たします。パフォーマンスの高いサイトはパフォーマンスの低いサイトよりもユーザーのエンゲージメントと維持に優れています。 サイトは、ユーザーを中心とした幸福度に関する指標の最適化に重点を置

    画像の最適化  |  Web  |  Google Developers
  • DevToolsでz-index一覧できるやつ作ったよ。 | Ginpen.com

    Chrome用とFirefox用です。 GitHubでソースコード公開してます。 ginpei/devtools-z-index 見た目 Chrome版。 Firefox版はサブペインじゃなくてパネルとして追加するのでちょっとアレです。仕方なかった。 はじまり コードスニペット版。これはこれで手軽でよろしいね。 ページ中の要素を `z-index` の数字が大きい順に一覧表示するやつです。https://t.co/gNGkdP03ta pic.twitter.com/v0VRNKCKel — 高梨ギンペイ (@ginpei_jp) June 11, 2018 Chrome版について https://chrome.google.com/webstore/detail/bcnpmhefiohkpmjacfoanhbjhikegmoe/ Elementsパネル内に “z-index” ペインを追

    DevToolsでz-index一覧できるやつ作ったよ。 | Ginpen.com
  • Chrome 43でUpgrade Insecure Requestsに対応してた - ASnoKaze blog

    Upgrade Insecure Requests W3Cの仕様でUpgrade Insecure Requestsというものがある。 サブリソースのhttp://へのリクエストを自動でhttps://のものに変更する(下のデモサイトの例が分かりやすい。 指定方法としては以下の二通りである。 HTTPレスポンスヘッダで指定する Content-Security-Policy: upgrade-insecure-requests もしくはmetaタグで指定する <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 試してみる デモサイトが公開されている https://googlechrome.github.io/samples/csp-upgrade-insecure-requests

    Chrome 43でUpgrade Insecure Requestsに対応してた - ASnoKaze blog
  • Chrome 34 Beta: Responsive Images and Unprefixed Web Audio

    $200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

    Chrome 34 Beta: Responsive Images and Unprefixed Web Audio
  • Chrome で試せる Shadow DOM - text.funenPlaCanen.com

    Chrome の about:flags に “Shadow DOM を有効にする” という項目が出来ている。たぶん、バージョン 19 くらいから。 Shadow DOM というのは W3C WebApps Working Group の方で提案されている Web Components と呼ばれる、 HTML をうまく部品化する仕組みを構成する要素の一つで(言葉使いとかあってるか微妙。)ブラウザを通じて Web サイトのレンダリングを行った際に現れる見かけ上の文書ツリー。 あくまで見かけ上であり、実際には Shadow DOM はそれを保持している文書ツリーとは別の空間に存在していて、Shadow DOM には Shadow DOM のルート要素的なものがある。そのため文書ツリー側で定義したスタイルは適用されないし、Shadow DOM 内で定義したスタイルも文書ツリーには影響しないなどの

  • 1