PerfTool: Display Performance Statistics

Tools

Collect various information about your website and displays it in an easy-to-digest manner on the reports page. This is a npm package to display statistics about your web pages, including Google PageSpeed Insights score, resources count, recommendations how to fix performace issues, html errors and many more in one custom web page. This package mainly…

Living Styleguide Made Easy

Tools

Transform your variables into elegant styles, color swatches or typography charts can be generated automatically directly from you variables files. Just group them with the comments and you are done. Edit snippets, organize categories, update styles, everything can be done directly in the browser. This tool is developed as npm package, because node packages can…

Let’s Encrypt, HTTPS Certificate Authority

Tools

You can now get free HTTPS certificates from the non-profit certificate authority Let’s Encrypt! This is a website that will take you through the manual steps to get your free HTTPS certificate so you can make your own website use HTTPS! Let’s Encrypt is a free, automated, and open certificate authority (CA). The objective of…

Litmus Scope, share emails fast

Tools

Create a clean, web-based version of any email, with desktop and mobile previews. It’s perfect for sharing, and it’s totally free. The Scope It Bookmarklet lets you scope an email from inside supported webmails like Gmail. Just click the button when you see an email you want to scope! Beautifully display the desktop view alongside…

Critical Path CSS Generator

Tools

The critical path is the path to render a web page – what’s needed before that can happen. CSS Stylesheets block rendering. Until the browser has requested, received, downloaded and parsed your stylesheets, the page will remain blank. By reducing the amount of CSS the browser has to go through, and by inlining it on…

Web Starter Kit, Boilerplate & Tooling

Tools

Your starting point for building great multi-device web experiences. Start your project with the Web Starter Kit and ensure you’re following the Web Fundamentals guidelines out of the box. Responsive layout is included with the kit that adapts to fit the device your user is viewing it on. This helps you hit the ground running…