DEV Community

Cover image for Useful online tools and websites for web developers
hebert villafuerte
hebert villafuerte

Posted on

Useful online tools and websites for web developers

As application and website developers we need to perform good SEO practices, optimizations, share our code, document our application, among other things that do not go hand in hand with the logic of our application and sometimes this takes more development time.
However, there are tools that make life easier for web developers, here I present them to you.

1 METATAGS.IO
https://metatags.io/

meta tag is a tool to generate meta tags. You can also preview how your web page will look like on Google, Facebook, Twitter and more.
And so you will be having a good SEO.

Image description

2 CARBON
https://carbon.now.sh/

Carbon is a tool for creating and sharing beautiful images from your source code. Start typing or drop a file into the text area to get started

Image description

3 README.SO
https://readme.so/

is an editor that allows you to quickly add and customize all the sections you need for your project's readme file.

Image description

4 PAGESPEED
https://pagespeed.web.dev/

Page speed is a Google tool that shows how long it takes to load all the resources on a page.
This tool gives us information about files or elements from a specific URL, which delay or delay the full load of the page in order to improve your time.

Image description

5 EXTRACT CSS
http://extractcss.com/

allows you to extract element id, class and inline styles from html document and output them as css stylesheet

Image description

Top comments (8)

Collapse
 
jacksonkasi profile image
Jackson Kasi

wow, it's really great :)

Collapse
 
vulcanwm profile image
Medea

Nice! I’ll try some of them.

Collapse
 
techman09 profile image
TechMan09 • Edited

tinkertechlab.com/tools has some useful ones as well, specifically the minification of CSS.

Collapse
 
dhravya profile image
Dhravya

I also suggest ray.so

Collapse
 
kevincp17 profile image
kevincp17

Great suggestion, I'll try

Collapse
 
neghani profile image
Ganesh Pilli ☻

Brother in the rush of posting you just repeated a lot of code, I suggest you to revisit you post

Collapse
 
shikkaba profile image
Me

What code?

Collapse
 
neghani profile image
Ganesh Pilli ☻

At that time of my comment all the heading were same from first item, so I wanted to let you know that the heading were same for quite a bit time. Since they are corrected you can ignore