Which are the best tools for front-end web development?

I have some tools on which i am working. But i want to some more tools.

npm
jQuery
UiKit
CakePHP

Am i missing something?

Hi @aashirvadkumar22 adn welcome to the forum.

The tools I use frequently are:

https://jigsaw.w3.org/css-validator/

https://validator.w3.org/nu/

Bing WebMaster Tools

Google WebMaster Tools

Latter is very good at picking up errors, missing pages, etc.

1 Like

Hey @John_Betong

Thanks for your reply.

I have one more question.

Are the bing or google webmaster front-end development tool?

They are not really front-end development tools but essential for monitoring your site as far as a user is concerned. Everything may work locally on your desktop but could possibly have online problems. Their suggestions and help pages are also good.

The free reports are comprehensive, notify missing pages, slow loading, duplicate page titles, content, etc.

Try them both and see what you think.

4 Likes

I agree with the “not really”. They are validators and they don’t help in organizing work or in putting the pieces of a web page together.

I also agree with the “essential”. True, it is easy to find many “big name” sites with invalid web pages. eg. the Google home page

https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.google.com%2F

In fact, it is not easy to find a completely valid page.

A reason I consider the validators as tools is because the errors don’t necessarily mean “must fix” but more “you should be aware of this”. Some errors are relatively minor eg. For example, “type not needed”, “unknown vendor extension” and “missing alt” may not break a page.

In the middle are “deprecated” errors. That may not be a problem at the time. They are problems waiting to happen at any time.

Other errors are more important to fix. For example, “duplicate id” could break JavaScript, “missing end tag” or “unrecognized value” could affect page display.

It seems so obvious that it should go without saying, the best chance of not having cross-browser script or display problems because of invalid HTML or CSS, is to have valid HTML and CSS.

3 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.