# Online Tools & Resources For Web Developers & Designers
Originally posted by Brad Traversy on GitHubGist

## GENERATORS:
* Text Content Generator - [http://www.lipsum.com](http://www.lipsum.com)
* Favicon Generator - [http://tools.dynamicdrive.com/favicon](http://tools.dynamicdrive.com/favicon)
* Data Generator - [https://mockaroo.com/](https://mockaroo.com/)
* Mobile Mockup Generator - [https://mockuphone.com](https://mockuphone.com)
* Logo Generator - [https://www.logaster.com](https://www.logaster.com)
* UUID Generator - [https://www.uuidgenerator.net/](https://www.uuidgenerator.net/)
* Hash Generator - [https://passwordsgenerator.net/sha256-hash-generator/](https://passwordsgenerator.net/sha256-hash-generator/)

## IMAGE RESOURCES:
* Free Stock Images - [https://www.pexels.com](https://www.pexels.com)
* Free Stock Images - [https://pixabay.com/](https://pixabay.com/)
* Free Stock Images With Great API - [https://unsplash.com/](https://unsplash.com/)
* Free- Vectors, mockups - [https://www.freepik.com](https://www.freepik.com)
* Dummy Image Placeholders - [https://source.unsplash.com/](https://source.unsplash.com/)
* Dummy Image Placeholders - [https://placeholder.com](https://placeholder.com)
* Free Icons - [https://www.iconfinder.com](https://www.iconfinder.com)

## CODE OPTIMIZATION:
* Minify JS & CSS - [http://minifier.org](http://minifier.org)
* Code Optimization Tools - [https://codebeautify.org](https://codebeautify.org)
* Code Diff Checker - [https://www.diffchecker.com](https://www.diffchecker.com)

## CONVERTERS:
* ES6+ & JSX Compiler - [https://babeljs.io/repl](https://babeljs.io/repl)
* Sass Converter - [https://www.sassmeister.com/](https://www.sassmeister.com/) 		  
* Less Converter & More - [http://www.webtoolkitonline.com](http://www.webtoolkitonline.com)
* Markdown Editor - [https://stackedit.io](https://stackedit.io)
* Jade Converter - [http://www.html2jade.org/](http://www.html2jade.org/)

## IMAGE COMPRESSION:
* Compress All Images - [https://compressor.io/compress](https://compressor.io/compress)
* Compress JPG - [http://jpeg-optimizer.com/](http://jpeg-optimizer.com/)
* Compress PNG - [https://tinypng.com/](https://tinypng.com/)

## VALIDATION & COMPATIBILITY:
* Validate HTML - [https://validator.w3.org](https://validator.w3.org)
* Validate CSS - [https://jigsaw.w3.org/css-validator](https://jigsaw.w3.org/css-validator)
* Check Browser Compatibility - [https://caniuse.com/](https://caniuse.com/)
* ES6+ Compatibility Table - [https://kangax.github.io/compat-table/es6/](https://kangax.github.io/compat-table/es6/)

## IN BROWSER CODING:
* Client Side Code - [https://codepen.io](https://codepen.io)
* Client Side Code - [https://jsfiddle.net](https://jsfiddle.net)
* Client Side Code - [http://liveweave.com](http://liveweave.com)
* Server Side Code - [https://repl.it](https://repl.it)

## SNIPPET TOOLS:
* Snippet Manager - [https://gist.github.com](https://gist.github.com)
* Snippet Manager - [https://pastebin.com](https://pastebin.com)

## COLOR & DESIGN:
* Create Color Schemes - [https://color.hailpixel.com](https://color.hailpixel.com)
* Get Color Schemes of Websites - [http://stylifyme.com](http://stylifyme.com)
* Create Gradients - [https://uigradients.com](https://uigradients.com)
* CSS Button Generator - [http://css3buttongenerator.com ](http://css3buttongenerator.com)
* HTML Entity Lookup - [http://entity-lookup.leftlogic.com/](http://entity-lookup.leftlogic.com/)

## RESPONSIVENESS:
* Device Testing - [http://www.responsinator.com](http://www.responsinator.com)
* What's My Browser Size - [https://www.webpagefx.com/tools/whats-my-browser-size/](https://www.webpagefx.com/tools/whats-my-browser-size/)

## WIREFRAME:
* In Browser Wireframing - [https://app.moqups.com](https://app.moqups.com)
* Very Basic In Browser Wireframing - [https://wireframe.cc](https://wireframe.cc)

## SPEED TEST:
* Speed & Performance Testing - [https://tools.keycdn.com/speed](https://tools.keycdn.com/speed)
* Pingdom Speed Test - [https://tools.pingdom.com/](https://tools.pingdom.com/)

## OTHER:
* [Public API Resources](https://github.com/toddmotto/public-apis?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)