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

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

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