

Until now, there hasn't been an easy way for the server to report its performance timing. Hopefully you're using the navigation and resource timing APIs to track the performance of your site for real users.

Surma has a great post with several demos in his explainer. It's also a powerful method of polyfilling CSS features that aren't supported in a browser yet. addModule ( 'checkerboard.js' ) įor example, instead of adding extra DOM elements to create the ripple effect on a material styled button, you could use the paint API. Instead of referencing an image, you can use the new paint function to draw the image - much like a canvas element. The CSS Paint API allows you to programmatically generate an image for CSS properties like background-image or border-image. Want the full list of changes? Check out the Chromium source repository change list. Let's dive in and see what's new for developers in Chrome 65! the new CSS display: contents property can make boxes disappear!.The Server Timing API allows web servers to provide performance timing information via HTTP headers.The CSS Paint API allows you to programmatically generate an image.What other little tweaks would you like to be able to make? Leave me a comment here and I will do my best to help. Obviously, if you do not like what you have chosen after all, the window is still open for you to keep trying until you get the look exactly how you want it. Voila! Your theme will be automatically applied without even having to restart the browser. When you find the background you wish to use, click the blue ”Add to Chrome” button to the right. Most importantly, if you know what you are looking for, you can enter keywords into the ”Search the Store” box at the top-left of the screen! You can also sort by the number of stars people have rated the themes. Now, it is time to get to work choosing your style! Over on the left, you can click the drop-down box where it says ”All” and filter by either themes created by independent artists or Google itself. You will be taken to the Chrome Store, of course, directly to the page of the current most popular themes.

The first option you will see now is ”Themes” with the words ”Open Chrome Web Store” underneath. Open up Chrome and click those three dots at the top-right of the screen to open the menu, and then choose ”Settings.” In the new window that opens, click ”Appearance” on the left.
