Awesome Web Development Resources
If you are looking to learn web development online, there are more than enough resources out there to teach you everything you need to know. In fact, many (if not most) of the web developers in the world today have launched successful careers by learning web development online from scratch.
Resources are added frequently! ⚡
Enjoy!
If you like this repo, be sure to star 🌟 it.
Initially created by Mayank on Twitter.
Table of Contents
Getting Started
Illustrations
- Drawkit (drawkit.io)
- Blush (blush.design)
- Smash illustration (usesmash.com)
- Control (control.rocks)
- Error 404 (error404.fun)
- Open Doodles (opendoodles.com)
Development
- Carbon (carbon.now.sh)
- Squoosh (squoosh.app)
- Wappalyzer (wappalyzer.com)
- Kite (kite.com)
- DevHints (devhints.io)
- iHateRegex (ihateregex.io)
- DevDocs (https://devdocs.io/css/css_animations)
CSS
- Animista (animista.net)
- Pattern.css (bansal.io/pattern-css)
- CSSeffectsSnippets (https://emilkowalski.github.io/css-effects-snippets/)
- 98.css (jdan.github.io/98.css)
Tailwind
- TailwindComponents (tailwindcomponents.com)
- Tailblocks (mertjf.github.io/tailblocks/)
Design
- Colors .lol (colors.lol)
- Colormind (colormind.io)
- FontSpark (fontspark.app)
- AppMockUp (app-mockup.com)
- Webframe (webframe.xyz)
- Ucraft Logo Maker (ucraft.com/free-logo-maker)
- HackDesign (hackdesign.org/lessons)
- Checklist Design (checklist.design)
- Remove BG (remove.bg)
- Unscreen (unscreen.com)
Productivity
- GetTerms (getterms.io)
- Sejda (sejda.com)
- Notion (notion.so)
- Grammarly (grammarly.com)
- Wave (waveapps.com)
- Clockify (clockify.me)
- Untools (untools.co)
Roadmap
See the open issues for a list of proposed features (and known issues).
Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
License
Distributed under the MIT License. See LICENSE for more information.
Contact
Muhammad Abdullah - @ranahaani - ranahaani@gmail.com
Project Link: https://github.com/ranahaani/Awesome-Web-Development-Resources/