mostly copied from BradTraversy
GENERATORS: Text Content Generator - http://www.lipsum.com Favicon Generator - http://tools.dynamicdrive.com/favicon Data Generator - https://mockaroo.com/ Mobile Mockup Generator - https://mockuphone.com Logo Generator - https://www.logaster.com UUID Generator - https://www.uuidgenerator.net/ Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/ Ultimate Code Generator - https://webcode.tools/
IMAGE RESOURCES: Free Stock Images - https://www.pexels.com Free Stock Images With Great API - https://unsplash.com/ Free- Vectors, mockups - https://www.freepik.com Dummy Image Placeholders - https://source.unsplash.com/ Dummy Image Placeholders - https://placeholder.com Free Icons - https://fontawesome.com Free Icons - https://www.iconfinder.com Free Icons - https://www.flaticon.com (Mandy - Die Diele)
CODE OPTIMIZATION: Minify JS & CSS - http://minifier.org Code Optimization Tools - https://codebeautify.org Code Diff Checker - https://www.diffchecker.com CONVERTERS: ES6+ & JSX Compiler - https://babeljs.io/repl Sass Converter - https://www.sassmeister.com/ Less Converter & More - http://www.webtoolkitonline.com Markdown Editor - https://stackedit.io Jade Converter - http://www.html2jade.org/
IMAGE COMPRESSION: Compress All Images - https://compressor.io/compress Compress JPG - http://jpeg-optimizer.com/ Compress PNG - https://tinypng.com/
VALIDATION & COMPATIBILITY: Validate HTML - https://validator.w3.org Validate CSS - https://jigsaw.w3.org/css-validator Check Browser Compatibility - https://caniuse.com/ ES6+ Compatibility Table - https://kangax.github.io/compat-table/es6/
IN BROWSER CODING: Client Side Code - https://codepen.io Client Side Code - https://jsfiddle.net Client Side Code - http://liveweave.com Server Side Code - https://repl.it
SNIPPET TOOLS: Snippet Manager - https://gist.github.com Snippet Manager - https://pastebin.com
COLOR & DESIGN: Create Color Schemes - https://color.hailpixel.com Get Color Schemes of Websites - http://stylifyme.com Create Gradients - https://uigradients.com CSS Button Generator - http://css3buttongenerator.com HTML Entity Lookup - http://entity-lookup.leftlogic.com/
RESPONSIVENESS: Device Testing - http://www.responsinator.com What's My Browser Size - https://www.webpagefx.com/tools/whats-my-browser-size/
WIREFRAME: In Browser Wireframing - https://app.moqups.com Very Basic In Browser Wireframing - https://wireframe.cc
SPEED TEST:
- Speed & Performance Testing - https://tools.keycdn.com/speed
- Pingdom Speed Test - https://tools.pingdom.com/
- https://www.speedtest.net
- https://fast.com/
OTHER: Public API Resources - https://github.com/toddmotto/public-apis?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more Organized Docs for all Popular Web Technologies - https://devdocs.io Learn and play with HTML, CSS, JavaScript: https://codepip.com/ Learn and play with flexbox: http://flexboxfroggy.com/ Learn and play with CSS: https://flukeout.github.io/