Ten excellent HTML5 online design tools

There are many excellent design and development tools on the network, which may be unknown to everyone.ArticleWe recommend ten excellent HTML5 online tools to designers to help them design more creative works. As HTML5 technology continues to mature, more and more excellent HTML5 applications are emerging on the network. Let's take a look at the following great tools.

Online sprite box Tool

This online CSS sprite style generation tool, combined with jquery, css3 and HTML5 development, can help you quickly generate CSS sprite styles.

Online Pattern Generator tool

This is an online texture generation tool that can help a designer create a webpage background. This tool provides many configuration options, which are very simple to use and great!

Online 3D sketch Tool

This is a very special drawing tool that uses a powerful HTML5 canvas for 3D drawing. You need to hold the Space key and drag the mouse horizontally to make a solid choice for the canvas. It's cool!

Online font Testing Tool

It is a difficult process for a designer to select a proper font. This awesome font testing tool can help designers instantly view the real effects of new fonts on the page without modifying any HTML or CSS.Code, You only need to drag and drop the font file in the top toolbar, the new font will appear in the drop-down list.

Online velocity sketch Tool

This is an HTML5-based online sketch tool that can draw some strange online things. The pictures show what I just painted. I believe that designers can draw more creative things.

Online Xray Tool

With this tool, you can view the element details on any page, similar to the firebug element viewing tool. However, this tool is online and does not require plug-ins to be installed, you only need to put a bookmarks on their website in the Bookmarks Bar, click the bookmarks when using them, and then click the elements you want to view.

Online automatoon (animation) Tool

Automatoon is an online production tool based on HTML5. It does not use flash at all. The animation can run on iPhone, iPad, Android devices, and various common browsers.

Online HTML5 audio maker Tool

With the development of HTML5, more and more HTML5 websites begin to use powerful HTML5 audio tag functions. This online audio generation tool helps you understand various new features provided by HTML5 audio, as well as a similar online HTML5 video production tool.

Online SVG to HTML5 canvas Tool

All vector art packages (illustrator, inkscape, and so on) can be exported as SVG (Scalable Vector Graphics). This tool helps you convert SVG files to HTML5 canvas.

Chrome Ajax animator Tool

This is a cross-platform animation tool that can be used both online and offline. You only need to install a Chrome browser and then guide the Getting Started through the quick tutorial. It is a very useful tool for beginners of HTML5 animation.

 

English link: 10 online HTML5 tools for web designers