40+ High-Quality Free Resources for Web Development

A Master Thread 👇🏽

Table of Contents:

- Illustrations
- Development
- CSS
- Tailwind
- Design
- Productivity
Illustrations

1. Drawkit (https://t.co/Lx4TeeHZ2G)
2. Blush (https://t.co/FDlRDK9J2M)
3. Smash illustration (https://t.co/v7EQXb4se8)
4. Control (https://t.co/e9tEQmURjG)
5. Error 404 (https://t.co/6zW1nTIw63)
6. Open Doodles (https://t.co/CGb7Owu7cw)
Development

1. Carbon (https://t.co/gDNwi0FvLu)
2. Squoosh (https://t.co/g39cY2PEtH)
3. Wappalyzer (https://t.co/kVXz18fgjX)
4. Kite (https://t.co/PrpSxs0rgK)
5. DevHints (https://t.co/SbBuOZ2ibh)
6. iHateRegex (https://t.co/BJgd1pOlni)
7. DevDocs (https://t.co/EjFqMZvFlN)
CSS

1. Animista (https://t.co/FrW6TyvspG)

2. Pattern.css (https://t.co/5Va3WHNo5U)

3. CSSeffectsSnippets (https://t.co/XlWUD1m6V2)

4. 98.css (https://t.co/4aqqomIGwt)
Tailwind

1. TailwindComponents
(https://t.co/ISbZvelhMY)

2. Tailblocks
(https://t.co/aujdR20RTl)
Design

1. Colors .lol (https://t.co/t248ut2No3)
2. Colormind (https://t.co/NbKCkODAqh)
3. FontSpark (https://t.co/yp7Zp2du3F)
4. AppMockUp (https://t.co/K4D2dkf7hJ)
5. Webframe (https://t.co/RSxEqpww03)
6. Ucraft Logo Maker
(https://t.co/XT4j5Fl1F1)
7. HackDesign (https://t.co/3OT8zqUv0I)
8. Checklist Design (https://t.co/a3SkEwRwOM)
9. Remove BG (https://t.co/yNENBj7Ny5)
10. Unscreen (https://t.co/5hzgJ8GnPJ)
Productivity

1. GetTerms (https://t.co/m1XR0FTUrn)
2. Sejda (https://t.co/osDgDpyHaE)
3. Notion (https://t.co/mRA5GxvZMv)
4. Grammarly (https://t.co/amIjPAJrt9)
5. Wave (https://t.co/Y2Awk5Kzw5)
6. Clockify (https://t.co/8JVpISfkT6)
7. Untools (https://t.co/HkxiZVUBWi)
8. Evernote (https://t.co/rZe0pD2dN9)
9. Top Hunts Time Machine (https://t.co/LBHX8lbzM1)
10. OpensSource Builders (https://t.co/2kE2KJv6fd)
If you want more such content on Instagram, support me there too 👇🏽

https://t.co/ATZFhGAmYP

More from Mayank 〽️

Roadmap to become Full-Stack developer in 2021

🧵A Thread🧵

Table Of Content

💻 How The Internet Works
🔚 Front End
🖥 Operating Systems
📕 Languages
🖲 Version Control
📓 Relational Database
📔 NoSQL Database
📨 API
♻️ Caching
🔒 Security
🧪 CI/CD
📙 Development Concepts
🏯 Software Architecture
🧊 Containers
📬 Servers
⚖️ Scalability

How The Internet Works 💻

1. What happens when you go to
https://t.co/EVtpk01n4P?
2. Introduction to Networks
3. Browser Networking
4. IP Addresses
5. HTTP/2
6. What is domain name?
7. What is hosting?

Advanced Front End 🔚

1. HTML
2. CSS
3. JavaScript
4. React

Operating Systems 🖥

1. Using the command line
2. What is an operating system?
3. Memory
4. Unix Programming
5. Bash-Scripting Guide
6. Thread & Concurrency
7. Process Management
8. Interprocess Communication
9. Basic Networking
10. Basic Terminal Commands
20 Cheat Sheets Website For Developers

A Master Thread 🧵

1. OverAPI

OverAPI is a website that aggregates cheat sheets for many popular web programming languages such as Javascript, NodeJS, PHP, Python, CSS.

https://t.co/mfVPjONtsL


2. Awesome-Cheatsheets

It is a collection of popular web programming language Cheatsheets.

https://t.co/P89IIuPQ1I


3. Bootstrap 4 Cheat Sheet

Bootstrap 4 Cheat Sheet is a site that aggregates all the functions and displays the components in Bootstrap version 4.3.1

https://t.co/cRZspacTN7


4. GitSheet

GitSheet is an aggregator of commands that you often use with Git. For each statement, it describes detail

More from Coding

I've brought you some amazing GitHub repositories of web development tips and tricks 🌟

THREAD🧵🔽

1️⃣ JS Tips

- A huge list of 73 great tips and tricks of JavaScript

🔗
https://t.co/r0J9vW8WrH


2️⃣ CSS Protips

- A collection of tips to help take your CSS skills pro. Definitely check it out

🔗 https://t.co/5haB2xTWuz


3️⃣ JS Tips and Tricks

- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level

🔗 https://t.co/NvfoANwweV


4️⃣ Git Tips

- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks

🔗 https://t.co/34qvOhYCZE
If you are a developer then these GitHub repositories or websites will boost your knowledge to the next level

A Thread 🧵

1️⃣ JavaScript

- A kind of eBook in the form of readme. Covers from beginners to intermediate concepts of JavaScript

🔗
https://t.co/SM9jcxuoZ1


2️⃣ Python

- A huge list of python projects, snippets, example and almost everything related to Python which helps you understand it in detail

🔗

3️⃣ React Lifecycle

- Interactive React Lifecycle Methods diagram.

🔗 https://t.co/7UVoA1rXCZ


4️⃣ Cheatsheets

- JavaScript cheatsheets incluse express4, Node.js, React, MongoDB

🔗 https://t.co/Jm9izXrcMu
6 amazing GitHub repositories that can help you as a developer

🧵 👇🏻

1️⃣ HTML Best Practice

- This repo will help you writing maintainable and scalable HTML documents

🔗
https://t.co/CvvfjSrfCL


2️⃣ 30 Days Of React

- Learn React in 30 days. A well divided topics of React in days. Definitely check it out

🔗 https://t.co/8WTc1RQOGV


3️⃣ Design resources

- Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

🔗 https://t.co/82o5Eyhlji


4️⃣ Websites a programmer should visit

- A well curated list of websites a programmer should visit

🔗 https://t.co/ltdIqcQ6cT

You May Also Like