Guetzli – A New JPEG encoder by Google

Tools

Google released a open source JPEG encoder that can create images file sizes 35% smaller than currently available methods, enabling webmasters to create webpages that can load faster and use even less data. Using a different method than other optimizers, Guetzli doesn’t have a set of rules or laws in a race to the lowest file size…

Type Nugget Alpha – an online typesetting tool

Tools

The Type Nugget Alpha, an online typesetting tool that will eventually make all of your online typesetting dreams come true. The Type Nugget was builded to streamline the design-to-development stage of your workflow. The Type Nugget Alpha let’s you design some hella fine web type painlessly via a pleasant user interface, knowing exactly what your content…

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…

Takana: a CSS/SCSS Live Editor

Tools

Takana is a Sass/CSS live editor, it lets you see your SCSS and CSS style changes live, in the browser, as you type them. Preview changes to your stylesheets in real-time. Takana connects Sublime Text with Chrome so you can design, prototpe and develop faster than before.

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…

Pleeease, a CSS postprocessor

Tools

Pleeease is a CSS postprocessor. The main goal of this tool is to perform all treatments that a pre-processor shouldn’t have to do! (eg, dealing with prefixes, convert rem to px, support older browsers, etc.). Pleeease is also a great tool if you want to write DRY, future-proof CSS. For now, it adds prefixes, variables,…