📐 Style.Tools is a browser widget for access to professional CSS optimization tools. 📐 Style.Tools is like Dev Tools for CSS Optimization.
The widget is created for the purpose of tailored website performance optimization. It enables to achieve perfect performance scores that are of value for SEO (search engine optimization).
You can copy & paste the following code in the location field of a browser bookmark:
Source: https://github.com/style-tools/browser-widget/blob/master/widget.js (849 Bytes)
You can also copy & paste the code in the browser console.
The widget provides localhost and offline support via a Service Worker on domain https://style.tools/. You can use many of the features locally without an internet connection. The cache for preferences is also preserved across domains which makes it efficient when working on multiple websites.
You can use the bookmark functionality of your browser to create a new bookmark. The short cut in Google Chrome and Firefox is
Once the bookmark is added, you can drag it to the bookmarks bar for quick access.
📐 Style.Tools provides a drag & drop link via the logo (top left). It will automatically create the correct widget link in the bookmarks.