Awesome Web Development Resources

This is an awesome project about Web Development resources. ⚡

Resources are added frequently! ⚡

Enjoy!

If you like this repo, be sure to ⭐ it.

Please read contributing guidelines before submitting new resources.


Initially created by Marko Denic on Twitter.


preview on the web


Table of Contents

Hosting:

Website
https://netlify.com
https://firebase.google.com
https://aws.amazon.com
https://heroku.com
https://pages.github.com
https://vercel.com
https://surge.sh
https://render.com
https://docs.gitlab.com/ee/user/project/pages
https://stormkit.io
https://www.digitalocean.com/
https://www.000webhost.com/
https://infinityfree.net/

⬆ back to top

Learning Platforms:

Website
https://freecodecamp.org
https://codecademy.com
https://javascript30.com
https://frontendmentor.io
https://testautomationu.applitools.com
https://coursera.org
https://edx.org
https://khanacademy.org
https://sololearn.com
https://www.theodinproject.com
https://javascript.info/
https://vueschool.io/
https://www.guru99.com/
https://trailhead.salesforce.com/
https://ocw.mit.edu/
https://open.appacademy.io/
https://web.dev/
https://scrimba.com
https://thegymnasium.com
https://www.amigoscode.com
https://cssbattle.dev/
https://bento.io/
https://fullstackopen.com/en/

⬆ back to top

Coding Challenge Platforms:

Website
https://codewars.com
https://topcoder.com
https://codingame.com
https://hackerrank.com
https://projecteuler.net
https://coderbyte.com
https://codechef.com
https://exercism.io
https://leetcode.com
https://spoj.com
https://codeforces.com/
https://codesignal.com/
https://frontendmentor.io
https://devchallenges.io
https://www.hackerearth.com
https://www.frontendpractice.com
https://www.codementor.io/projects
https://css-challenges.com/
https://100dayscss.com
https://codepip.com
https://triplebyte.com

⬆ back to top

Freelancing platforms:

Website
https://toptal.com
https://upwork.com
https://freelancer.com
https://peopleperhour.com
https://simplyhired.com
https://envato.com
https://guru.com
https://fiverr.com
https://hireable.com
https://6nomads.com

⬆ back to top

Remote Jobs:

Website
https://flexjobs.com
https://remote.co/remote-jobs
https://justremote.co
https://weworkremotely.com
https://remoteok.io
https://jobspresso.co
https://wfh.io
https://4dayweek.io
https://www.hiretechladies.com/

⬆ back to top

Photos:

Website
https://unsplash.com
https://pixabay.com
https://pexels.com
https://reshot.com
https://librestock.com
https://visualhunt.com
https://freephotos.cc
https://picjumbo.com
https://www.pxfuel.com
https://www.splitshire.com

⬆ back to top

Illustrations:

Website
https://www.opendoodles.com
https://undraw.co/illustrations
https://drawkit.io
https://icons8.com/ouch
https://iradesign.io
https://interfacer.xyz
https://blush.design
https://avataaars.com
https://storyset.com
https://themeisle.com/illustrations/

⬆ back to top

Icons:

Website
https://fontawesome.com
https://flaticon.com
https://icons8.com
https://iconfinder.com
https://material.io/resources/icons
https://iconmonstr.com
https://heroicons.com
https://boxicons.com
https://css.gg/
https://icons.eosdesignsystem.com/
https://icons.modulz.app
https://remixicon.com
https://tablericons.com
https://simpleicons.org
https://feathericons.com
https://svgrepo.com/
https://iconic.app
https://icomoon.io/
https://iconscout.com/unicons

⬆ back to top

Fonts:

Website
https://fonts.google.com
https://fontspace.com
https://1001fonts.com
https://fontsquirrel.com
https://ffonts.net
https://fontfabric.com
https://urbanfonts.com

⬆ back to top

Youtube Channels:

Website
Traversy Media
freeCodeCamp.org
The Net Ninja
Google Chrome Developers
Derek Banas
Academind
CodingTech
Codú Community
Web Dev Simplified
Dev Ed
CodeSTACKr
Coding Addict
Kevin Powell
Code with Ania Kubów
The Coding Train
kudvenkat
Program With Erik
Coder Coder
clever programmer
JavaScript Mastery
Adrian Twarog
Wes Bos
Adrian Twarog
DesignCourse

⬆ back to top

Podcasts:

Website
Syntax
Fullstack radio
The Changelog
The Laracasts Snippet
Front End Happy Hour
JavaScript Jabber
Commit Your Code!
Shop Talk
Ladybug Podcast
CodePen Radio
JAMStack Radio
Modern Web
DevDiscuss
DevNews
React Native Radio
Html All The Things
The CSS Podcast

⬆ back to top

Code Editors:

Website
VS Code
Sublime Text
Atom
Brackets
Vim
Spacemacs
Emacs
Neovim

⬆ back to top

Color Palettes:

Website
https://coolors.co
https://colorhunt.co
https://paletton.com
https://color-hex.com
https://mycolor.space
https://flatuicolors.com
https://color.adobe.com
https://htmlcolorcodes.com
https://colorsinspo.com
https://uigradients.com

⬆ back to top

UI Inspiration:

Website
https://uimovement.com
https://uigarage.net
https://collectui.com
https://httpster.net
https://www.awwwards.com
https://dribbble.com
https://onepagelove.com
https://www.behance.net
https://uidesigndaily.com

⬆ back to top

Docs:

Website
https://developer.mozilla.org
https://w3schools.com
https://w3docs.com
https://devdocs.io
https://free-for.dev

⬆ back to top

Animation Libraries:

Website
CSShake
Animate.css
AnimeJS
GreenSock (GSAP)
Magic Animations
Hover css
AniJS
Wicked CSS
Tuesday
Mo.js
Bounce.js
tsParticles
AOS
Velocity.js
Popmotion
Snap.svg
Animista
Lottie-Player

⬆ back to top

Charts:

Website
Chart.js
D3.js
three.js
amCharts
Charts.css

⬆ back to top

Chrome Extensions:

Website
Web Developer
CSSViewer
Wappalyzer
JSONView
Lorem Ipsum Generator
daily.dev - News for Busy Developers
Lighthouse
Checkbot - SEO, speed & security checker
Performance-Analyser
WhatFont
Visbug

⬆ back to top

Website Optimization Tools:

Website
Google PageSpeed Insights
GTmetrix
WebPageTest
Yslow
web.dev
asayerPs.: Has a great Blog

⬆ back to top

HTML/CSS/JavaScript templates:

Website
https://inovatik.com
https://www.tooplate.com
https://html5up.net
https://templatemo.com
https://uideck.com
https://freehtml5.co
https://www.zerotheme.com
https://bootstrapmade.com

⬆ back to top

Newsletters:

WebsiteTopics
Smashing NewsletterFront-end and UX.
Frontend FocusHTML, CSS, WebGL, Canvas, browser tech, and more.
CSS WeeklyCSS.
JavaScript WeeklyJavaScript.
Accessibility WeeklyAccessibility.
RWD Weekly NewsletterResponsive web design.
JAMstackedJAMstack ecosystem.
UI Dev NewsletterUser Interface development.
Go Make ThingsDaily Vanilla JavaScript.

⬆ back to top

CSS Generators:

WebsiteDescription
Glassmorphism GeneratorsUse Glassmorphism Generator to create a stunning effect for your projects.
Buttons 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.

Online Tools:

WebsiteDescription
QR Code GeneratorUse QR code generator to easily create a QR code for your project.
Google Analytics CheckerScan your project to ensure that Google Analytcs tag is properly set.

⬆ back to top

UI Components:

WebsiteDescription

⬆ back to top

Vue UI libraries:

WebsiteDescription
VuetifyVuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue, Material Design and a massive library of beautifully crafted components and features.
Vue MaterialSimple, lightweight and built exactly according to the Google Material Design specs.
BootstrapVueBootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

⬆ back to top

React UI libraries:

WebsiteDescription
Material-UISimple and customizable component library to build faster, beautiful, and more accessible React applications.
Ant DesignAn enterprise-class UI design language and React UI library.
React BootstrapBootstrap components built with React.

⬆ back to top

Angular UI libraries:

WebsiteDescription
Taiga UIA powerful set of open source components for Angular

⬆ back to top

Others:

WebsiteDescription
Markdown PreviewMarkdown Editor with instant preview using GitHub CSS.
JavaScript QuizJavaScript Quiz - Check your knowledge by having fun.
CookieBubbleThe easy way to inform users that your website is using cookies.
Developer UpdatesKeeps you updated one everything going on in the software developement world
Boxy SVG EditorSVG Editing Tool - Here you can easily edit and save any SVG file

⬆ back to top