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 〽️

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

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

Trading view scanner process -

1 - open trading view in your browser and select stock scanner in left corner down side .

2 - touch the percentage% gain change ( and u can see higest gainer of today)


3. Then, start with 6% gainer to 20% gainer and look charts of everyone in daily Timeframe . (For fno selection u can choose 1% to 4% )

4. Then manually select the stocks which are going to give all time high BO or 52 high BO or already given.

5. U can also select those stocks which are going to give range breakout or already given range BO

6 . If in 15 min chart📊 any stock sustaing near BO zone or after BO then select it on your watchlist

7 . Now next day if any stock show momentum u can take trade in it with RM

This looks very easy & simple but,

U will amazed to see it's result if you follow proper risk management.

I did 4x my capital by trading in only momentum stocks.

I will keep sharing such learning thread 🧵 for you 🙏💞🙏

Keep learning / keep sharing 🙏
@AdityaTodmal