Aditya Tiwari
Aditya Tiwari

Follow

Aditya Tiwari

Follow
100+ Resources for Developers to Boost their productivity!

100+ Resources for Developers to Boost their productivity!

Aditya Tiwari's photo
Aditya Tiwari
·Jan 30, 2022·

4 min read

Featured on daily.dev
Play this article

Table of contents

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

Did you find this article valuable?

Support Aditya Tiwari by becoming a sponsor. Any amount is appreciated!

Learn more about Hashnode Sponsors
 
Share this