Resources

Search on Google for anything
(Stick to few and Official ones)

• roadmap.sh (opens new window)
• sindresorhus/awesome (opens new window)
• Resource Collections
  • devresourc.es (opens new window)
  • free-for.dev (opens new window)
  • javascripting.com (Js Libraries) (opens new window)

Playgrounds

• Typesript Playground (opens new window)
• Codesandbox.io (opens new window)
• Codepen (opens new window)
• JsFiddle (opens new window)
• JsBin (opens new window)
• Stackblitz (opens new window)
• Repl.it (opens new window)
• plnkr.co (opens new window)
• Babel Repl (opens new window)
• Css
  • PostCssPreset (opens new window)
  • Sass (opens new window)

JS

• javascript.info (opens new window)
• eloquentjavascript (opens new window)
• MDN Web Docs (opens new window)
• es6-features.org (opens new window)
• getify/You-Dont-Know-JS (opens new window)
• exploringjs.com (opens new window)
• javascript30.com (opens new window)
• Standard
  • kangax.github.io/compat-table/es2016plus/ (opens new window)
  • github.com/tc39 (opens new window)
• jsbench.me (opens new window)

Typesript

• typescriptlang.org (opens new window)
• basarat/typescript-book (opens new window)
• labs42io/clean-code-typescript (opens new window)

HTML/CSS/JS

• Reference
  • MDN Html Reference (opens new window)
  • htmldog (opens new window)
  • htmlreference.io (opens new window)
  • html.spec.whatwg.org (opens new window)
• MDN Web Docs (opens new window)
• W3schools (opens new window)

CSS

• AllThingsSmitty/css-protips (opens new window)
• Reference
  • CssTricks (opens new window)
  • htmldog (opens new window)
  • codrops/css_reference (opens new window)
  • flexbox-cheatsheet (opens new window)
  • cssreference.io (opens new window)
• PostCss
  • postcss-preset-env - Stage 0/1/2/3 (opens new window)
• Helpers
  • cssarrowplease.com (opens new window)
  • mycolor.space (opens new window)
  • coolbackgrounds.io (opens new window)
  • Gradient (opens new window)
  • css-gradient (opens new window)
  • cssgradient.io (opens new window)
  • cssfontstack.com (websafe fonts) (opens new window)
  • neumorphism.io (opens new window)

Node Frameworks

• Express (opens new window)
• npmtrends (opens new window)
• Adonis (Similar to Laravel)

Browser Tools

• chrome-devtools (opens new window)

Git

• tiimgreen/github-cheat-sheet (opens new window)
• Git Reference (opens new window)
• learngitbranching.js.org (opens new window)
• git-flight-rules (opens new window)
• dangitgit.com (opens new window)

Design

• principles.design (opens new window)
• goabstract/Awesome-Design-Tools (opens new window)
• gztchan/awesome-design (opens new window)

Cheatsheets

• devhints.io (opens new window)
• lecoupa/awesome-cheatsheets (opens new window)

Api

• rapidapi.com (opens new window)

Placeholder

• Mirage-FakeAPI (opens new window)
• Json Placeholder (opens new window)
  • typicode/json-server (opens new window)
• dummyjs.com (opens new window)
• Images
  • picsum.photos (opens new window)
  • unsplash.com (opens new window)
  • Placeholder images (opens new window)
  • loremflickr.com (opens new window)
  • ipsumimage.appspot.com (opens new window)

Polyfills

• core.js (Babel) (opens new window)
• polyfill.io (opens new window)
• Modernizr (opens new window)

Regular Expression

• regexr.com (opens new window)
• regex101.com - Practice with explanation (opens new window)
• MDN Cheatsheet (opens new window)
• extendsclass.com/regex-tester (opens new window)

Others

• github.com/h5bp (opens new window)
• CanIUse (opens new window)
• <meta>
  • OpenGraph by Facebook (opens new window)
  • Twitter Card (opens new window)
• squoosh.app (opens new window)
• webhint.io (opens new window)
• developers.google.com/web (opens new window)
• web.dev (opens new window)
• 3rd party Api - programmableweb (opens new window)
• imgur.com (opens new window)