dev-resources.md

Development Resources

WEB DEVELOPMENT REFERENCE:

• MDN Web Docs
• Organized Docs for all Popular Web Technologies - https://devdocs.io
• World Wide Web Consortium (W3C)
• W3Schools Online Web Tutorials
• Can I use... Support tables for HTML5, CSS3, etc
• CSS3 Please! The Cross-Browser CSS3 Rule Generator
• ColorZilla - Eyedropper, Color Picker, Gradient Generator and more
• Coolors.co - The super fast color schemes generator
• Ultimate CSS Gradient Generator
• Codrops | Useful resources and inspiration for creative minds
• CSS Reference - A free visual guide to CSS
• CSS Font Stack
• Google Fonts
• Object-oriented CSS
• Blueprint CSS - CSS Grid and Layout Library
• 960 Grid System
• Prefixr
• Free Fonts! Legit Free & Quality » Font Squirrel
• Tinkerbin - JSter Javascript Catalog - Jster.net
• Style Tiles
• Public API Resources - https://github.com/toddmotto/public-apis?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more

SOCIAL NETWORK

• Stack Overflow
• webdev.slack

MENTOR AND MENTORING:

• hack.pledge()

SOCIAL MEETING

• meetup.com
• barcamp.org
• codeclub.social

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 Stock Images - https://imgur.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

IMAGE COMPRESSION:

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

SCREENSHOT

• gyazo

CODE OPTIMIZATION:

• Minify JS & CSS - http://minifier.org
• Code Optimization Tools - https://codebeautify.org
• Code Diff Checker - https://www.diffchecker.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/

SPEED TEST:

• Speed & Performance Testing - https://tools.keycdn.com/speed
• Pingdom Speed Test - https://tools.pingdom.com/
• Application Load Testing Tools for API Endpoints

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/

DEVELOPER TOOLS:

• browsehappy
• Chrome
• Firefox
• Edge
• Safari

IN BROWSER CODING:

• Client Side Code - CodePen
• Client Side Code - JSFiddle
• Client Side Code - Liveweave
• collabedit
• thimble
• JS Bin
• gist.github
• Cloud9 IDE
• Server Side Code - Repl.it

IDE / TEXT EDITORS:

• Atom
• Bluefish
• Bracket
• Eclipse
• Netbeans
• Notepad++
• PhpStorm
• SublimeText
• TextWrangler
• vscode

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/
• csszengarden
• smashingmagazine.com
• css-tricks.com
• bostonglobe.com
• jeffrey-way.com

WIREFRAME:

• Balsamiq. Rapid, effective and fun wireframing software.
• In Browser Wireframing - https://app.moqups.com
• Very Basic In Browser Wireframing - https://wireframe.cc

FTP CLIENT:

• FileZilla
• WinSCP
• Cyberduck

DIY-HOSTING

• CMS wordpress.org
• dotclear
• spip

HOSTING AND DOMAINS

• neocities
• blogger
• wordpress.com

CODE CHALLENGES

• codekatas
• projecteuler
• Topcoder
• Spoj
• code.org/learn
• interactivepython.org/runestone/static/pythonds/index.html
• try.github.io/levels/1/challenges/1
• tryruby.org/levels/1/challenges/0
• lifehacker.com/bento-showcases-the-best-resources-for-learning-to-code-1450016607

Beginner-Intemediate:

• codecombat
• codingame
• coderbyte
• codewars
• codedefights
• codingame

Intermediate-Advanced:

• topcoder
• hackerrank
• leetcode
• codechef
• geeksforgeeks
• codeforces

Source for Java

• online portals:
  • codehs.com
  • hackerrank.com
  • codeacademy.com
• TextBooks:
  • Head First Java 2nd Edition
  • Java The Complete Reference
  • SCJP by Kathy and Sierra
• Third Offline Institute:
  • CourseCube
  • Java Learning Center
  • NIIT
  • Uttara