Free Web Development Resources

Free Web Development Resources


Learning Platforms:

Free Hosting:

Coding Challenge Platforms:

Freelancing platforms:


List of websites to find remote jobs:








Youtube Channels:

🔗 Traversy Media
🔗 FreeCodeCamp
🔗 The Net Ninja
🔗 Google Chrome Developers
🔗 The New Boston
🔗 Derek Banas
🔗 Academind


🔗 Syntax
🔗 Fullstack radio
🔗 The Changelog
🔗 The Laracasts Snippet
🔗 Front End Happy Hour
🔗 JavaScript Jabber Archives
🔗 Commit Your Code!
🔗 Shop Talk
🔗 Ladybug Podcast
🔗 CodePen Radio
🔗 JAMStack Radio
🔗 Modern Web

Code Editors:

🚀 Visual Studio Code [VS Code]
🚀 Sublime Text
🚀 Atom
🚀 Brackets
🚀 Vim

Color Palettes:


UI Inspiration:



Animation Libraries:

⧩ Animista
⧩ CSShake
⧩ Animate.css
⧩ AnimeJS
⧩ GreenSock (GSAP)
⧩ Magic Animations
⧩ Hover css
⧩ AniJS
⧩ Wicked CSS
⧩ Tuesday
⧩ Mo.js
⧩ Bounce.js
⧩ Snap.svg

Charts / Data Visualization:

📊 Chart.js
📊 D3.js
📊 three.js

Chrome Extensions:

🔖 Web Developer
🔖 CSSViewer
🔖 Wappalyzer
🔖 JSONView
🔖 Lorem Ipsum Generator

Website Optimization Tools:

⚡ Google PageSpeed Insights
⚡ GTmetrix
⚡ WebPageTest
⚡ Yslow

CSS Generators:

Glassmorphism GeneratorUse Glassmorphism Generator to create a stunning effect for your projects.
Button GeneratorAn online gallery of 100+ button designs you can easily copy and use in your projects.
Layoutit GridQuickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.
CSS Gradient EditorYou may only need this tool for creating CSS gradients and patterns.
Hola SVG Loaders GeneratorSVG Loaders Generator with Sass and SMIL options
Shape DividerA free tool to make it easier for designers and developers to export a beautiful SVG shape divider for their latest project.
BEAUBUS Patterns150+ free SVG patterns and CSS background images generator
9elements - Fancy Border Radius9elements is a little tool, that helps you create your very own organic shape. When you use four/eight values specifying border-radius in CSS, you can create organic looking shapes.
BlobmakerBlobmaker is a free generative design tool made with by z creative labs, to help you quickly create random, unique, and organic-looking SVG shapes.
Toptal CSS3 GeneratorA free online tool for quickly generating CSS3 snippets, such as for effects, gradients and animations.
NeumorphismA free online tool for designing attractive UI with colors, gradients and shadows..

Initially created on Twitter:

If you liked this article, be sure to ❤️ it.

This article is a repost from my blog. Find the original post here: Free Web Development Resources.

Let's keep in touch:
Twitter: @denicmarko