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

Do not write CSS code, use these free generators instead that can help you immensely

A Thread 🧵

1️⃣ Stripes generator

- Pure CSS Stripes Generator that you can use for backgrounds.

🔗
https://t.co/5uTPrwA5xD


2️⃣ Gradient generator

- As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile

🔗 https://t.co/Yr6pueoWgx


3️⃣ Pattern generator

- It lets you create background pattern for free

🔗 https://t.co/NQuV7pxLIz


4️⃣ CSS Accordion Slider Generator

- Create fully responsive, css only accordion sliders

🔗 https://t.co/x0qaDhN0z9

You May Also Like

And here they are...

THE WINNERS OF THE 24 HOUR STARTUP CHALLENGE

Remember, this money is just fun. If you launched a product (or even attempted a launch) - you did something worth MUCH more than $1,000.

#24hrstartup

The winners 👇

#10

Lattes For Change - Skip a latte and save a life.

https://t.co/M75RAirZzs

@frantzfries built a platform where you can see how skipping your morning latte could do for the world.

A great product for a great cause.

Congrats Chris on winning $250!


#9

Instaland - Create amazing landing pages for your followers.

https://t.co/5KkveJTAsy

A team project! @bpmct and @BaileyPumfleet built a tool for social media influencers to create simple "swipe up" landing pages for followers.

Really impressive for 24 hours. Congrats!


#8

SayHenlo - Chat without distractions

https://t.co/og0B7gmkW6

Built by @DaltonEdwards, it's a platform for combatting conversation overload. This product was also coded exclusively from an iPad 😲

Dalton is a beast. I'm so excited he placed in the top 10.


#7

CoderStory - Learn to code from developers across the globe!

https://t.co/86Ay6nF4AY

Built by @jesswallaceuk, the project is focused on highlighting the experience of developers and people learning to code.

I wish this existed when I learned to code! Congrats on $250!!