JavaScripter

UI/UX Resources

UX design refers to user experience design, while UI design stands for user interface design.



Misc

Public APIs
Docs for Popular Web Technologies - https://devdocs.io
↑ Top

Images

Free Stock Images - https://www.pexels.com
Free Stock Images - https://www.pixabay.com
Free Stock Images With Great API - https://source.unsplash.com/
Free Vectors, mockups - https://www.freepik.com
↑ Top

Icons

Iconfinder - https://www.iconfinder.com
Icons8 - https://icons8.com/
The Noun Project - https://thenounproject.com/
↑ Top

Image Tools

Favicon Generator - http://tools.dynamicdrive.com/favicon
Logo Generator - https://www.logaster.com
Compress All Images - https://compressor.io/compress
Compress JPG - http://jpeg-optimizer.com/
Compress PNG - https://tinypng.com/
Dummy Image Placeholders - https://placeholder.com
↑ Top

Fonts

Google Fonts - https://fonts.google.com/
1001 Free fonts - https://www.1001fonts.com/
Huge database of downloadable fonts - https://www.dafont.com/
↑ Top

Color and design

Create Color Schemes - https://color.hailpixel.com
Get Color Schemes of Websites - http://stylifyme.com
Create Gradients - https://uigradients.com
Flat UI Colors - https://flatuicolors.com/
Material Design Palette - https://www.materialpalette.com/
↑ Top

Generators

Text Content Generator - http://www.lipsum.com
Data Generator - https://mockaroo.com/
UUID Generator - https://www.uuidgenerator.net/
Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/
Ultimate Code Generator - https://webcode.tools/
↑ Top

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
↑ Top

Code Optimization

Minify JS & CSS - http://minifier.org
Code Optimization Tools - https://codebeautify.org
Code Diff Checker - https://www.diffchecker.com
Speed & Performance Testing - https://tools.keycdn.com/speed
Pingdom Speed Test - https://tools.pingdom.com/
↑ Top

Code 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/
↑ Top

Browser testing

Check Browser Compatibility - https://caniuse.com/
Device Testing - http://www.responsinator.com
What’s My Browser Size - https://www.webpagefx.com/tools/whats-my-browser-size/
↑ Top

Prototyping

Pencil project - https://pencil.evolus.vn/
In Browser Wireframing - https://app.moqups.com
Very Basic In Browser Wireframing - https://wireframe.cc
Mobile Mockup Generator - https://mockuphone.com
↑ Top