100+ Resources for Developers
27 August, 2022
1
1
0
Contributors
Hello Developers , in this blog, I am going to help frontend developers a lot. This blog contains over 100+ websites to increase your productivity as a developer.
I want to thank many twitter users who shared their experiences with me and helped me curate this list. Let's Start
1. Online Learning Platforms
•
Udemy
•
FreeCodeCamp
•
Treehouse
•
Frontend masters
•
Coursera
•
Traversy media
•
SoloLearn
•
Codecademy
•
Udacity
•
Alison
•
Code college
•
LinkedIn Learning
•
Skillshare
•
EdX
2. Editors and Share Code Snippets
•
PlayCode
•
JSFiddle
•
CodePen
•
StackBlitz
•
JSBin
•
Codesandbox
•
Codeinterview.io
•
godbolt .org
•
wandbox .org
•
carbon.now.sh
•
pastebin .com
•
ideone .com
•
ide.judge0 .com
3. Documentations and notes
•
w3 schools
•
Mozilla's MDN
•
Devdocs
•
geeksforgeeks
•
tutorialspoint
•
javapoint
4. Competitive programming
•
CodeChef
•
HackerEarth
•
HackerRank
•
AlgoExpert
•
LeetCode
•
TopCoder
•
Codewars
•
Codeforces
•
Coderbyte
•
Exercism
5. Learn by playing game
•
Grid garden
•
Flexbox defense
•
Codecombat
•
Unfold
•
Ruby warrior
•
Screeps
•
coding game
•
CodeMonkey
•
CSS diner
•
Flexbox froggy
•
Check IO
•
Cyber-dojo
•
Untrusted
6. Colors
•
Colorhunt
•
Paletto
•
Design Seeds
•
Coolors
•
Bootflat
•
uiGradients
•
BrandColors
•
Image color picker
•
Colour Lovers
•
WebGradients
•
Egg gradient
•
Gradient Hunt
•
Color-hex
•
FlatUIColors
•
CSS gradients
7. Background
•
Repeat-X Repeat-Y
•
Texture King
•
Pattern8
•
Subtle Patterns
•
Patternico
•
BG Patterns
•
Lost and Taken
•
Freepik
•
Cool backgrounds
•
BG generator
8. Icons
•
Icons8
•
Captain Icon
•
Iconmonstr
•
Linear Icons
•
Pixeden
•
Perfect Icons
•
Font Awesome
•
flaticon
•
Fontello
•
The Noun Project
•
Endless Icons
•
Round Icons
•
Iconfinder
•
Freeicons
•
Icon-icons
•
Findicons
9. Illustrations
•
Undraw
•
Freepik
•
IRA design
•
DrawKit
•
Absurd Illustrations
•
Handz
•
freeillustrations .xyz
•
Freebie Supply
•
ManyPixels
•
Vivid.js
•
Humaaans
•
Open Doodles
•
Icons8
•
Glazestock
•
Paper illustrations
•
illlustrations .co
•
isometric .online
10. Fonts
•
Google fonts
•
Font Bundles
•
Behance
•
Dafont
•
Font Squirrel
•
Abstract Fonts
•
1001 Fonts
11. Photos
•
Unsplash
•
Pixabay
•
PicJumbo
•
IM Free
•
Pexels
•
Flickr
•
Gratisography
•
Stock Up
•
Cupcake
•
Adobe Stock
•
Icons8
•
Rgbstock
•
Pikwizard
•
Stocksnap
•
Shutterstock
•
Freestocks
12. Testing
•
Pingdom
•
Website Speed Test
•
SEO Site Checkup
•
Uptrends
•
Dotcom-Tools
•
GTmetrix
•
WebPageTest
•
Dareboost
•
SEO tools
•
Nibbler
•
BrowserStack
13. Hosting
•
Github pages
•
Netlify
•
Firebase
•
AWS
•
Vercel
•
Heroku
14. JavaScript visual libraries
•
Chart.js
•
D3.js
•
React-vis
•
Three.js
•
Victory
•
Chartkick
•
Google Charts
•
Flexmonster
•
ApexCharts
•
Echarts
•
Frappe Charts
•
ReCharts
15. CSS generators
•
coolbackgrounds .io
•
css3buttongenerator .com
•
neumorphism .io
•
glassmorphism .com
•
css3generator .com
•
Fancy-border-radius
•
bennettfeely .com/clippy
•
cssgradient .io
•
blobmaker .app
•
getwaves .io
•
cssgenerator .org
•
csssbuttongenerator .com
•
svgator .com
•
cssbuttoncreator .com
•
cssgenerators .net
•
svgbackgrounds .com
•
bgjar .com
•
cssboxshadow .com
•
css3generator .com
•
cssfiltergenerator .com
•
neumorphic .design
16. Code snippets
•
Codepen
•
Codesandbox
•
CSS-Tricks
•
Hakim .se
•
Code My UI
•
CreativesFeed
•
Bootsnipp
•
30 seconds of code
•
30 Seconds of CSS
•
Stackoverflow
•
Code to go
•
Tweetsnippet
•
GitHub
•
W3 Schools
•
EnjoyCSS
•
Web Code Tool
17. Interview preparation
•
CodeChef
•
HackerEarth
•
LeetCode
•
HackerRank
•
Interview Cake
•
InterviewBuddy
•
glassdoor
•
AlgoExpert
•
interviewing .io
•
Interview camp
•
Coderbyte
•
InterviewBit
•
GeeksForGeeks
•
AmbitionBox
18. Chrome extensions
•
Wappalyzrer
•
CSS Scan
•
Marmoset
•
Pesticide
•
Ghostery
•
HTML Validator
•
Keyframes
•
ColorZilla
•
Page Ruler
•
UX Check
•
Checkbot
•
LambdaTest
•
JSONView
#
Note: All the resources are available on Internet, just search these names, and their websites will pop up.
If I would have started writing everyone’s link, then it would have taken much hours than now!
Thats all for this blog. Connect with me on twitter to stay updated on my future blogs. Twitter
#webdev
#javascript
#css
#html