my random bookmarks

useful shts

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 -

• github/wesbos: Javascript30 [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/

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/

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://fonts.google.com/

• https://fontawesome.com/

• https://flatuicolors.com/

• https://www.colorhexa.com/

• https://fontspark.app/

• https://fontflipper.com/

• http://colormind.io/

• https://wordmark.it/

• https://colors.eva.design/

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

Freelancing

• https://www.upwork.com/

• https://www.freelancer.com/

• https://www.fiverr.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/

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)

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]

z3r0b47/useful.md