My random bookmarks

Useful shts I use

Learning

• https://roadmap.sh [ROADMAP]

• http://sololearn.com

• https://www.freecodecamp.org

• https://www.theodinproject.com/

• https://javascript.info/ (nice)

• https://www.javascripttutorial.net (nice)

• https://www.typescripttutorial.net (nice)

• https://www.patterns.dev (nice)

• http://jstherightway.org

• https://github.com/Asabeneh/30-Days-Of-JavaScript -

• wesbos/JavaScript30: 30 Day Vanilla JS Challenge [DONE]

• https://github.com/Asabeneh/30-Days-Of-React

• https://fullstackopen.com/en/

• https://mem.dev/

• https://courses.wesbos.com/account

• https://courses.kevinpowell.co/courses/conquering-responsive-layouts

• https://upskillcourses.com/courses/essential-web-developer-course

• https://github.com/nas5w/100-days-of-code-frontend

• https://learn-anything.xyz

• https://github.com/markerikson/react-redux-links

• https://github.com/jwasham/coding-interview-university

• https://github.com/microsoft/Web-Dev-For-Beginners

• https://basarat.gitbook.io/typescript/

• https://github.com/typescript-cheatsheets/react

• https://joyofcode.xyz [nice?]

• https://joyofcode.xyz/typescript-fundamentals

• https://www.taniarascia.com

• https://techdevguide.withgoogle.com

• https://eloquentjavascript.net

• https://www.internetingishard.com

• https://web.dev

• https://learntypescript.dev/

Practice

• https://devchallenges.io/

• https://www.frontendmentor.io/

• https://hackdesign.org

• https://www.refactoringui.com

• https://www.codewell.cc/

• https://gosink.in/games-that-ui-designers-can-play-to-test-their-skills/

• https://www.frontendpractice.com

Designs | UI Inspiration

• https://www.awwwards.com/

• https://dribbble.com

• https://pfolios.net

• https://www.basetemplates.com/ui-ux-design-resources

• https://www.behance.net/

• https://threejs.org

• https://twitter.com/sunilc_/status/1347962741789626370

• https://www.siteinspire.com/

• https://screenlane.com/

• https://uigarage.net/

• https://collectui.com/

• https://sitesee.co/

• https://onepagelove.com/

• https://www.youtube.com/c/DesignCourse

• https://twitter.com/Prathkum/status/1368498500003069960

• https://github.com/bradtraversy/design-resources-for-developers

• https://twitter.com/csaba_kissi/status/1422496343658954755

APIs

• https://public-apis.io

• https://any-api.com

• https://apilist.fun

• https://github.com/public-apis/public-apis

• https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture

Free Images & Videos

• https://unsplash.com/

• https://www.pexels.com/

• https://undraw.co/illustrations

• https://coverr.co/

Icons | Fonts | Colors

• https://coolors.co

• https://www.flaticon.com/

• https://icons8.com/ (good)

• https://www.fontpair.co - font guide

• https://fonts.google.com

• https://fontawesome.com/

• https://flatuicolors.com/

• https://www.colorhexa.com

• https://fontspark.app/

• https://fontflipper.com

• https://color.adobe.com/create/color-contrast-analyzer

• http://colormind.io

• https://wordmark.it

• https://colors.eva.design

• https://spencermortensen.com/articles/typographic-scale/

• https://icones.js.org/

• https://cssgradient.io

Freelancing | Jobs

• https://www.upwork.com/

• https://www.freelancer.com/

• https://www.fiverr.com/

• https://www.tokyodev.com/

• https://angel.co

• https://www.kalibrr.com

• https://ph.indeed.com

General Tools

• https://www.emailjs.com/

• https://caniuse.com/

• https://imagecompressor.com/

• https://css-tricks.com/

• https://github.com/hail2u/html-best-practices

• https://designresources.dev

• https://devhints.io

• https://twitter.com/denicmarko/status/1370750921181908998 (shortcuts web)

• https://aspect.app ez create

• https://rive.app

• https://regexr.com nice

• https://hiddentools.dev

• https://github.com/thedaviddias/Front-End-Checklist

• https://www.shapedivider.app/ (ez create)

• https://haikei.app/ (ez create)

• https://stackshare.io

• https://readme.so (generate github readme project)

• https://openchakra.app/ good shit

• https://excalidraw.com

• https://init.tips

• https://ogp.me ← seo important

• https://webcode.tools ← very noice

• https://monkeytype.com ← typing test

• https://namelix.com ← name random generator

Useful

• https://github.com/DovAmir/awesome-design-patterns

• https://github.com/kamranahmedse/design-patterns-for-humans

• https://github.com/airbnb/javascript (JavaScript Style Guide)

• https://github.com/airbnb/css (A mostly reasonable approach to CSS and Sass)

• https://youtu.be/9CEW3Tmx2tg (MUST USE Websites & Tools for Web Developers) +

• https://twitter.com/denicmarko/status/1307997683651678208

• https://denic.hashnode.dev/free-web-development-resources

• https://github.com/you-dont-need/You-Dont-Need-JavaScript

• http://tympanus.net/codrops/css_reference/

• https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886

• https://docs.emmet.io/cheat-sheet/

• https://github.com/ryanmcdermott/clean-code-javascript

• https://github.com/RitikPatni/Front-End-Web-Development-Resources

• https://github.com/bradtraversy/design-resources-for-developers

• https://github.com/animate-css/animate.css

• https://github.com/lydiahallie/javascript-questions

• https://addyosmani.com/resources/essentialjsdesignpatterns/book/

• https://github.com/sorrycc/awesome-javascript

• https://github.com/ryanmcdermott/clean-code-javascript (reread)

• https://github.com/leonardomso/33-js-concepts

• https://github.com/brillout/awesome-react-components [NICE]

• https://github.com/codersguild/System-Design

• https://learn-anything.xyz

• https://free-for.dev

• https://overreacted.io [BLOG by Dan Abramov]

• https://material.io/design

• https://wattenberger.com/

Tailwind CSS

• https://tailwindui.com/ (paid)

• https://daisyui.com/ (free)

• https://www.tailwind-kit.com/ (free)

• https://kutty.netlify.app/ (free)

• https://tailblocks.cc (free)

• https://wickedblocks.dev (free)

• https://tailwindcomponents.com (community)

• https://merakiui.com (free)

• https://www.tailwind-kit.com (free)

MISC

• https://www.reactiflux.com/learning

• https://www.mongodb.com/languages/mern-stack-tutorial

• https://dev.to/kiranrajvjd/awesome-css-generators-3709

• https://www.30secondsofcode.org/

• https://devresourc.es/

• https://uses.tech/

• https://github.com/mbeaudru/modern-js-cheatsheet

• https://github.com/typescript-cheatsheets/react [TODO]

• https://github.com/maxboeck/whimsical (A curated list of websites with an extra bit of fun)

• https://daily.dev

• https://github.com/goldbergyoni/nodebestpractices

• https://www.howtographql.com [Learn soon]

• https://github.com/awesome-selfhosted/awesome-selfhosted

• https://humanebydesign.com

• https://30secondsofinterviews.org

• https://docs.google.com/document/d/1MVthnQ5qfnEVmwIdfcocw3X0PhkiUQSf1IXRr6-c9bc

• https://hawkticehurst.com/mega-full-stack-resource-guide/

• https://github.com/elsewhencode/project-guidelines [NICE]

• https://opensource.guide [IMPORTANT]

plskz/useful.md