Wide Gamut Color in CSS with Display-P3

Wide Gamut Color in CSS with Display-P3

Display-P3 color space includes vivid colors that aren’t available in sRGB.

Read more

WebGPU and WSL in Web Inspector

WebGPU and WSL in Web Inspector

In Safari Technology Preview release 91, beta support was added for the WebGPU API and WSL.

Read more

How Web Content Can Affect Power Usage

How Web Content Can Affect Power Usage

Users spend a large proportion of their online time on mobile devices, and a significant fraction of the rest is users on untethered laptop computers.

Read more

Changing Page Settings on iOS Using Web Inspector

Changing Page Settings on iOS Using Web Inspector

If you’ve ever used Web Inspector before, chances are you’ve used (or are at least familiar with) the Develop menu.

Read more

WebDriver is Coming to Safari in iOS 13

WebDriver is Coming to Safari in iOS 13

As anyone who has developed a mobile-friendly site can tell you, mobile browsers and desktop browsers are different.

Read more

CPU Timeline in Web Inspector

CPU Timeline in Web Inspector

Web Inspector now includes a new CPU usage timeline that lets developers measure a page’s CPU usage, estimate its energy impact, and more easily investigate sources of script execution that may be contributing to poor energy utilization.

Read more

Creating Web Inspector Audits

Creating Web Inspector Audits

This post is a followup to the Audits in Web Inspector post, and explains the capabilities of and how to write an audit.

Read more

Audits in Web Inspector

Audits in Web Inspector

Often when creating web pages, there are particular rules or guidelines that are set by the site author, or by an included library/framework.

Read more

Debugging Media in Web Inspector

Debugging Media in Web Inspector

Media elements, such as <video> and <audio>, can sometimes be tricky to debug due to the sheer flexibility of the available functionality.

Read more

Dark Mode in Web Inspector

Dark Mode in Web Inspector

Web Inspector on macOS Mojave now supports Dark Mode.

Read more

Canvas Debugging

Canvas Debugging

Ever since its introduction in 2004, the Canvas element and its associated APIs have been an incredible tool for generating specific visual effects on a webpage.

Read more

Visualizing Layers in Web Inspector

Visualizing Layers in Web Inspector

Recent releases of Safari Technology Preview contain a new experimental feature for Web Inspector: the Layers tab.

Read more