DEV Community

Cover image for 5 more useful sites for FRONTEND devs!
Lucas André
Lucas André

Posted on • Edited on

5 more useful sites for FRONTEND devs!

Hello, here are 5 more great tools to increase your productivity!đŸ˜‰


Codepen

If you program with html, css and Javascript, this site will be very useful.
Just open the online editor and code. You don't even have to link your .css and .js files to the html, Codepen does it for you! Best of all, it has a live preview of the result of your code.

You can also browse other people's projects and see code snippets!

 

Repl.it

Just wonderful! With Repl.it, you have more than 50 programming languages ​​available, all in the browser. You can also integrate it with your Github account, to deploy and observe changes made to the code.

 

Canva

This one is a darling of mine. You can create and edit images, mainly for marketing, a very important point for us web designers.
It has hundreds of templates ready to be edited, which will save you time when creating a promotional image for your new project, improving your personal marketing and even when creating a cover image for something, as well as I did for that article!

 

Gitpod

Gitpod is a development environment with VS Code online, which can be run directly by your browser. Without complications, in seconds you create a fully functional environment, with integration into your Github or Gitlab. You can also download the browser extension, which makes your life even easier.

A great contribution to open source.

 

Font Awesome

Virtually everyone knows Font Awesome, but for those who don't, it's an extremely easy-to-use icon resource on your sites, you copy a link into your html and that's it, you have access to a multitude of icons to use! Just use the identifier of the desired icon in the element you want and voilĂ . It is also possible to change the color, rotate, increase or decrease the icons... all without losing quality, as the icons are vectors.


If you liked it, follow me on github!

Top comments (0)