A List of awesome tools for Frontend Developers

HTML

• HTML5 Boilerplate

• Email Boilerplate

• HTML5 Reference

• Convert Markdown to HTML

CSS

• Generate pretty looking waves in SVG format

• A tool for making CSS clip paths

• CSS Reset

• Sass(CSS with superpowers)

• MDN CSS Reference

• Generate basic CSS Grid code to make dynamic layouts

• A simple CSS library that lets you add animations with ease

• Easing functions you can use in CSS transitions and animations

• A collection of beautiful colour gradients

JavaScript

• A resource to help figure out what JavaScript array method would be best to use at any given time

• A resource to help figure out what JavaScript object method would be best to use at any given time

• An extensive math library for JavaScript and Node.js

• A javascript library for formatting and manipulating numbers

• Babel(A JavaScript compiler)

• A typed superset of JavaScript that compiles to plain JavaScript

• A linting utility for JavaScript and JSX

• Node Package Manager for JavaScript

• JavaScript Reference by MDN

• JavaScript KeyCode Reference

Others

• Make a website look and act like a terminal

• A nice tool used for making maps

• Write code in the browser and see the results of it as you build

• Up to date browser support tables for frontend technologies

• Free high resolution photos for your website

• Beautiful and free videos for your website

• Vector icons and social logos for your website

• Free Art and Illustrations for you to use

• Google Fonts

• Find design inspiration on Dribbble

• Find the right git commands without digging through the web