Shulou(Shulou.com)06/03 Report--

This article will explain in detail what are the necessary online web tools in web. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

Related to front-end development

Jsfiddle

Jsfiddle is an established online debugging and sharing site that can help you debug javascript/css/html code online and easily post to the community, forums or social media to share or ask questions with friends. Integrated many different class libraries for everyone to choose from. A similar tool, jsbin.com, is also very good. Please refer to our previous article for more tools.

Codepen

Codepen is also a place to help you debug and share front-end code online, unlike jsfiddle, it is more like a community where you can see online demos or code added by recent users, and it is easier to share with other websites or fork. Compared with jsfiddle, it is more like a platform to help show the front-end effect. If you visit frequently, you can find a lot of good front-end effects, including html5,js,CSS3 and so on. Quite good, recommend to everyone!

Gbdebug

Gbdebug is an integrated front-end debugging tool in the gb tag community. It was originally developed to make it easier for friends in the community to ask questions or show the effects of jQuery code. If you use jsfiddle, you will feel very familiar. The most powerful thing is the integration with GB community content, you can share your own front-end presentations, templates or tutorials, and use gbdebug to add "online debugging" to make it easier for you to read and debug online.

ReFiddle+

If you are a regular form enthusiast, this online tool must be one of your necessary tools, reFiddle+ can help you debug regular forms online, you only need to enter data and the corresponding regular expression, you can see the highlighted results, is not very intuitive and simple, I am sure you will like it!

RubyFiddle

If your development language is Ruby, you may already know the online tool RubyFiddle, which can help you debug Ruby code online, somewhat similar to jsfiddle and codepen, but the Ruby version of the code. All you have to do is paste the ruby code and click the "RUN" button, or even support Vim or Emacs input!

CSS3 generator

This CSS3 code generator is quite different from the general CSS3 code generation tool, it uses parallax scrolling to display the content, and provides custom options to dynamically generate the CSS3 code you need. So cool, so stylish!

HTML5 Please

This site has also been introduced in previous articles, if you need to know how to correctly use HTML5-related technology, you'd better take a closer look at this tool website, it is quite practical!

Front-end performance optimization tool

DOM Monster

When we develop web applications, performance is an issue that can never be avoided. In fact, for DOM performance debugging is also an indispensable process. With DOM monster you just need to add to your "bookmark", click on this bookmark on any page that needs to be debugged, and it will help you list the performance problems on the current page. Isn't it convenient!

ZBugs

Zbugs looks like a bug-related tool, but in fact it is an online tool that can quickly help you compress CSS/Javascript. You just need to provide a link to your website, download the relevant files, and upload them to your website!

Other types of tools BuiltWith

Buildwith is an online tool to help you understand the technology used by the website. You only need to enter the address of the website you want to test, and it will generate the front and background technologies and related links used by this site. I believe that if you are a hacker, this tool is essential: d

This is the end of this article on "what are the necessary online web tools in web?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.