Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
A collection of web development tool
## 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://www.iconfinder.com
## 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/
## 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment