└── readme.md /readme.md: -------------------------------------------------------------------------------- 1 | # A List of awesome tools for Frontend Developers 2 | 3 | 4 | ## HTML 5 | 6 | - [HTML5 Boilerplate](https://html5boilerplate.com/) 7 | 8 | - [Email Boilerplate](https://github.com/seanpowell/Email-Boilerplate) 9 | 10 | - [HTML5 Reference](http://htmlreference.io/) 11 | 12 | - [Convert Markdown to HTML](https://daringfireball.net/projects/markdown/) 13 | 14 | ## CSS 15 | 16 | - [Generate pretty looking waves in SVG format](https://getwaves.io) 17 | 18 | - [A tool for making CSS clip paths](http://bennettfeely.com/clippy/) 19 | 20 | - [CSS Reset](http://cssreset.com/) 21 | 22 | - [Sass(CSS with superpowers)](https://sass-lang.com) 23 | 24 | - [MDN CSS Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) 25 | 26 | - [Generate basic CSS Grid code to make dynamic layouts](https://cssgrid-generator.netlify.com/) 27 | 28 | - [A simple CSS library that lets you add animations with ease](http://daneden.github.io/animate.css/) 29 | 30 | - [Easing functions you can use in CSS transitions and animations](https://easings.net/en) 31 | 32 | - [A collection of beautiful colour gradients](http://uigradients.com/) 33 | 34 | ## JavaScript 35 | 36 | - [A resource to help figure out what JavaScript array method would be best to use at any given time](https://arrayexplorer.netlify.com/) 37 | 38 | - [A resource to help figure out what JavaScript object method would be best to use at any given time](https://objectexplorer.netlify.com/) 39 | 40 | - [An extensive math library for JavaScript and Node.js](https://mathjs.org) 41 | 42 | - [A javascript library for formatting and manipulating numbers](http://numeraljs.com) 43 | 44 | - [Babel(A JavaScript compiler)](https://babeljs.io) 45 | 46 | - [A typed superset of JavaScript that compiles to plain JavaScript](https://www.typescriptlang.org) 47 | 48 | - [A linting utility for JavaScript and JSX](https://eslint.org) 49 | 50 | - [Node Package Manager for JavaScript](https://npmjs.org) 51 | 52 | - [JavaScript Reference by MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference) 53 | 54 | - [JavaScript KeyCode Reference](http://keycodes.atjayjo.com/) 55 | 56 | ## Others 57 | 58 | - [Make a website look and act like a terminal](https://github.com/tautvilas/termpage/) 59 | 60 | - [A nice tool used for making maps](https://larsjung.de/pagemap/) 61 | 62 | - [Write code in the browser and see the results of it as you build](https://codepen.io/) 63 | 64 | - [Up to date browser support tables for frontend technologies](https://caniuse.com) 65 | 66 | - [Free high resolution photos for your website](https://unsplash.com/) 67 | 68 | - [Beautiful and free videos for your website](http://www.coverr.co/) 69 | 70 | - [Vector icons and social logos for your website](https://fontawesome.com) 71 | 72 | - [Free Art and Illustrations for you to use](https://mixkit.co/art/) 73 | 74 | - [Google Fonts](https://fonts.google.com) 75 | 76 | - [Find design inspiration on Dribbble](https://dribbble.com) 77 | 78 | - [Find the right git commands without digging through the web](https://gitexplorer.com) 79 | --------------------------------------------------------------------------------