An online tool that lets you generate the SVG code for a pie menu. As the site points out, pie menus have (surprisingly) been found to be more usable than standard nav in many instances.
An interactive interface to help explain the path element syntax for building SVGs. The editor allows you to download the completed shape in SVG format.
45. SVG Editor
With this tool you can upload an SVG file or paste in your SVG code, and it will optimise it by removing white space, unnecessary attributes, namespaces and so on, to reduce file size.
Best of the rest
The GitHub dev team's hackable text editor for modern development. Atom comes full-featured, with packages, themes, smart auto-completion, multiple panes and more. Best of all, it can be fully customised via HTML, CSS and JS.
Browsersync is like LiveReload, but on steroids. It's a powerful tool for synchronised cross-device testing that will live-reload your project for every edit and save in all browser instances. It even syncs up navigation and scrolling in the browser sessions. You can add CSS outlines for debugging, and a latency option enables you to mimic a slower internet connection.
Adobe’s contribution to the text editor race is an open source editor with focused visual tools, preprocessor support, and the ability to ease in-browser design through live preview. It also integrates well with Photoshop via the Extract for Brackets extension.
This is a video player from the PayPal accessibility team. It has custom controls and a keyboard-accessible and screen reader-supported UI. There are no scripting dependencies and it uses HTML5 form controls for volume and progress indicators.
50. Let's Encrypt
If you’re looking to switch a project over to HTTPS, you’ll want to investigate this option. It's a free, open and automated certificate authority that provides you with a hassle-free way to go secure.
Primary illustration courtesy of Tobias Hall.