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

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
5 amazing websites that will blow the mind of a developer. Definitely check them out

🧵👇🏻

1️⃣ Animation generator

- Dead simple visual tools to help you generate CSS for your projects.

🔗
https://t.co/IFmIEgDiVY


2️⃣ Neural Network Visualizer

- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.

🔗 https://t.co/mTAlFbJsOW


3️⃣ Blockchain Demo

- A visual demo of blockchain technology

🔗 https://t.co/I1RwxYcM1Z


4️⃣ Developer Roadmaps

- Step by step guides and paths to learn different tools or technologies

🔗 https://t.co/VSNPdG8jQR
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