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

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