My got-to resources for web dev (Personal preference) 😙

Inspiration

1. Dribble
2. behance
3. Codepen
4. awwwards
5. onepagelove
6. https://icons8.com/search/landing%20page%20animation

Images

1. https://undraw.co/search
2. https://www.freepik.com/search
3. https://unsplash.com/
4. https://pixabay.com/
5. https://www.drawkit.io/
6. https://icons8.com/illustrations
7. https://interfacer.xyz/
8. https://storyset.com/rafiki
9. https://products.ls.graphics/paaatterns/preview.html (*for patterns)

Icons

1. https://useanimations.com/#explore

Colors

1. https://yeun.github.io/open-color/
2. http://gradientsguru.com/strong-gradients
3. https://coolors.co/fabc3c-ffb238-f19143-ff773d-f55536
4. https://www.canva.com/colors/color-wheel/

Bootstrap snippets

1. https://bootsnipp.com/
2. https://bbbootstrap.com/snippets

Fonts

1. https://fonts.google.com/
2. https://www.fontpair.co/

Image editors

1. Remove Image Background https://www.remove.bg/, https://photoscissors.com/
2. Fast & efficient image compression https://compressor.io/

Others

1. PageSpeed Insights : https://developers.google.com/speed/pagespeed/insights/
2. https://tympanus.net/codrops/?s=Inspirational+Websites+Roundup&search-type=posts

More resources

1. https://github.com/bradtraversy/design-resources-for-developers
2. https://github.com/goabstract/Awesome-Design-Tools
3. https://github.com/MarkoDenic/web-development-resources
4. https://www.evernote.design/

• javascript concepts from beginner to advanced level (https://annu12340.github.io/Javascript-Notes/)