ChauDinh/open_sources

40+ tools for front end developers (updating)

open_sources

40+ tools, resources for front end developers (updating)

WHAT I FOLLOW:

Vietnamese

Toi di code dao, Pham Huy Hoang - https://toidicodedao.com
Codeaholicguy - https://codeaholicguy.com
Kipalog - https://kipalog.com/posts
The Full Snack Developer, Huy Tran - https://thefullsnack.com
Quan-Cam, Cam Huynh - https://quan-cam.com
Complete JavaScript - https://completejavascript.com
How We Learn - https://hocthenao.vn
Vu Ha Van - https://vuhavan.wordpress.com

English

Medium - https://medium.com
Traversy Media - http://traversymedia.com
Let's built that app - https://www.youtube.com/channel/UCuP2vJ6kRutQBfRmdcI92mA
The Coding Train - https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw
Fun Fun Function - https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q
DevTips - https://www.youtube.com/channel/UCyIe-61Y8C4_o-zZCtO4ETQ

GENERATORS

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

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

IMAGE COMPRESSION

Compress All Images - https://compressor.io/compress
Compress JPG - http://jpeg-optimizer.com/
Compress PNG - https://tinypng.com/

RESPONSIVENESS

Device Testing - http://www.responsinator.com
What's My Borwser Size? - https://www.webpagefx.com/tools/whats-my-browser-size/

CONVERTERS

ES6-JSX Compiler - https://babeljs.io/repl
Sass Converter - https://www.sassmeister.com/
Less Converter & More - http://www.webtoolkitonline.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 AND 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 Entiny Lookup - http://entity-lookup.leftlogic.com/

SPEED TEST

Speed & Performance Testing - https://tools.keycdn.com/speed
Pingdom Speed Test - https://tools.pingdom.com/

PUBLIC API RESOURCES

Public API Resources - https://github.com/toddmotto/public-apis?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more