smitpatelx/smitpatelx_development_resource.md

## smitpatelx_development_resource.md

      
    Raw
  

              smitpatelx_development_resource.md
            
          
    smitpatelx.com

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/

IMAGE RESOURCES:


Dummy Avatars - https://pravatar.cc/
Random photos - https://picsum.photos/
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
Open-source illustrations - https://undraw.co/

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:


BEST overall tool for images - https://www.onlineimagetool.com/en/
Compress All Images - https://compressor.io/compress
Compress JPG - http://jpeg-optimizer.com/
Compress PNG - https://tinypng.com/

VALIDATION & COMPATIBILITY:


Test your email HTML - https://putsmail.com/


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
Best of all      - https://codesandbox.io/
Server Side Code - https://repl.it

SNIPPET TOOLS:


Snippet Manager - https://gist.github.com
Snippet Manager - https://pastebin.com

COLOR & DESIGN:


Create Color Schemes (Fav) - https://coolors.co/
Create Color Schemes - https://color.hailpixel.com
Create Color Pallets - https://paletton.com/
Create Gradients - https://uigradients.com
Gradient Generator - https://cssgradient.io/
CSS Button Generator - http://css3buttongenerator.com
HTML Entity Lookup - http://entity-lookup.leftlogic.com/
Css Animation generator - http://www.animista.net/
Shape generator (CSS-SVG) - https://www.shapedivider.app/

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/

Fake Api for testing data:


Json placeholder - https://jsonplaceholder.typicode.com/
Reqres - https://reqres.in/
Fake Json - https://fakejson.com/
Mocky - https://www.mocky.io/

OTHER:


Public API Resources - https://github.com/toddmotto/public-apis?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more
HTACCESS (Apache) config - https://www.askapache.com/htaccess/
Generate polygon point on map - https://www.keene.edu/campus/maps/tool/

JS/TS Chart libraries:


Apache ECharts - https://echarts.apache.org/en/index.html
NIVO - https://nivo.rocks/components
Fusion Chart - https://www.fusioncharts.com/fusioncharts