Are you a web developer?

Here are few Productive Tools that will save you 10+ hours per week

🧵A Thread 🧵

1. Metatags

This tool can help you to test and view your website's preview when viewed on Google, Facebook, or Twitter.

https://t.co/y0aRRUaiab
2. ExtractCSS

This tool can help you to extract element Id, class, and inline styles from HTML documents and output them as CSS stylesheets.

https://t.co/s8KPGVQ5ru
3. WhatRuns

This tool can help you to peek at other site's themes, plugins, and server info used. WhatRuns can be installed on @firefox and chrome.

https://t.co/m9Y8FlUSZp
4. Unminify

Free tool to unminify javascript, CSS, HTML, XML, and JSON code making it readable and pretty.

https://t.co/hPvPKK4yUN
5. Responsively App

This browser is designed to help you see what your website like on different technology devices at once.

https://t.co/k3szGHQNbX
6. Color

1. Colordot - A color picker for humans (https://t.co/ZPKT2dY7Vr)

3. Stylify Me - Online style guide generator
(https://t.co/fczEVyHY5l)

2. uiGradients - Beautiful colored gradients
(https://t.co/Sw1l8pzcXb)

4. Colors and Fonts
(https://t.co/krwrWRm7BJ)
7. Icons & Logo

1. Logaster logo maker
(https://t.co/vE13eQUg4v)

2. Noun Project
(https://t.co/tVLX3iAiqi)

3. Vector illustrations
(https://t.co/8tvOn4cStJ)
8. Free Website Hosting Services

1. Infinity Free
(https://t.co/sudTiOhzNh)

2. Award Space
(https://t.co/yg0BH0oejk)

3. Free Hostia
(https://t.co/P4GTQIFSdD)

4. Google Cloud Hosting (https://t.co/jWfthAa55f)
If you want more such awesome content in your feeds consider following me on twitter and Instagram.

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

More from Coding

These 5 visualizers will help you learn data structures and algorithms up to 10 times faster

Thread 🧵👇🏻

1⃣
https://t.co/H2sKWKEeaz

- Learn DSA and visualize some complex programs. Definitely check it out.


2️⃣ https://t.co/0WcFTWBfh9

- Dedicated to graph DS


3️⃣ https://t.co/ShEQQkjtWD

- Visualizing data structures and algorithms through animation


4️⃣ https://t.co/XxzwBa3vvZ

- All sorting algorithms animations
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