Pythonには、random・datetime・os・re・math・sysなど頻繁に使うライブラリがある
Pythonには、random・datetime・os・re・math・sysなど頻繁に使うライブラリがある
はじめに この記事は #EveOneZenn (Everyday One Zenn) vol.15 です。 Chrome DevTools に組み込まれている、ページの描画に関する機能を提供する Rendering タブについてまとめます。 前回: Rendering タブを表示する Chrome DevTools の Rendering タブは メニュー(三点ドット)→ More tools → Rendering から表示できます。 Elements や Console といったメインのパネルが並んでいる上部のナビゲーションではなく、下部のナビゲーションで Rendering パネルが表示されます。 Rendering タブの機能 Rendering タブで使用できる各種機能を紹介します。 Paint flashing ページ上で再描画が発生したエリアを緑色でハイライトします。 DOM
iOS SafariはCSSのfilterプロパティの処理を何故かGPUを使用せずにCPUで行います。そのため、filterプロパティを使用するとCPU使用率が高くなり、表示の乱れやレンダリング速度の低下、ブラウザが固まるなどの不具合が発生することがあります。 対策 対策1. will-changeを使用する will-changeプロパティを設定することでGPUレイヤーを作成する事ができます。 .foo { filter: drop-shadow(16px 16px 20px red) invert(75%); will-change: filter; } しかし、will-changeプロパティは、リソースの消費が激しいのでwill-changeプロパティを乱用することは避けましょう。 非推奨な例 *, *::before, *::after { will-change: all; }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く