Let’s Encrypt, HTTPS Certificate Authority

Tool

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

Tool

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…

Perfmonkey, keep track of your site’s rendering performance

Tool

PerfMonkey monitors your webpages for rendering performance problems so you can resolve them before they impact your users.  If your website isn’t rendering smoothly, you’re losing users. Do you know how your website is performing? Every time you deploy your website, perfmonkey runs configurable rendering performance tests against it. The resulting data is made available…

Critical Path CSS Generator

Tool

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

Tool

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…

CodeSnip.it – Private, free code snippet storage

Tool

A free code snippet tool to keep all your best coding moments safe. CodeSnip.it keeps all your moments of genius safe for whenever you need them. Let CodeSnip.it be your memory. Code snippets are a great way of reusing blocks of code. No one can remember exactly how they tackled a coding task from one project…

Pleeease, a CSS postprocessor

Tool

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,…

Picturefill, a responsive Image Polyfill

Tool

The picture element and associated features are W3C standard HTML features that allow web developers to deliver an appropriate image to every user depending on a variety of conditions like screen size, viewport size, screen resolution, and more. Picturefill is a JavaScript file (or a polyfill to be more specific) that enables support for the…

Mapbox, design the Map your Pins deserve!

Tool

Mapbox is an open source mapping platform for developers and designers at enterprise scale, their open source APIs and SDKs let you quickly style and add custom maps to your application. Quickly create beautiful interactive maps and data visualizations using our open source design studio, TileMill, and one-click publish directly Mapbox.com to share with the…