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

1. Getting Started
   • Illustrations
   • Development
   • CSS
   • Tailwind
   • Design
   • Productivity
2. Contributing
3. License
4. Contact
5. Acknowledgements

Getting Started

Illustrations

1. Drawkit (drawkit.io)
2. Blush (blush.design)
3. Smash illustration (usesmash.com)
4. Control (control.rocks)
5. Error 404 (error404.fun)
6. Open Doodles (opendoodles.com)

Development

1. Carbon (carbon.now.sh)
2. Squoosh (squoosh.app)
3. Wappalyzer (wappalyzer.com)
4. Kite (kite.com)
5. DevHints (devhints.io)
6. iHateRegex (ihateregex.io)
7. DevDocs (https://devdocs.io/css/css_animations)

CSS

1. Animista (animista.net)
2. Pattern.css (bansal.io/pattern-css)
3. CSSeffectsSnippets (https://emilkowalski.github.io/css-effects-snippets/)
4. 98.css (jdan.github.io/98.css)

Tailwind

1. TailwindComponents (tailwindcomponents.com)
2. Tailblocks (mertjf.github.io/tailblocks/)

Design

1. Colors .lol (colors.lol)
2. Colormind (colormind.io)
3. FontSpark (fontspark.app)
4. AppMockUp (app-mockup.com)
5. Webframe (webframe.xyz)
6. Ucraft Logo Maker (ucraft.com/free-logo-maker)
7. HackDesign (hackdesign.org/lessons)
8. Checklist Design (checklist.design)
9. Remove BG (remove.bg)
10. Unscreen (unscreen.com)

Productivity

1. GetTerms (getterms.io)
2. Sejda (sejda.com)
3. Notion (notion.so)
4. Grammarly (grammarly.com)
5. Wave (waveapps.com)
6. Clockify (clockify.me)
7. 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.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Muhammad Abdullah - @ranahaani - [email protected]

Project Link: https://github.com/ranahaani/Awesome-Web-Development-Resources/