HTML5 samples, showcases, tools, tutorials & more...

Posts in category HTML5 Tools

HTML5 Tool Of The Day – HTML 5 Outliner

May10
2012 Leave a Comment Written by Sophie.Y

HTML 5 Outliner

HTML5 outliner is a great tool that allows you check Your HTML Structure. By examining the outline of your HTML5 markup, you will get an overview of your document. Thus, you may make sure whether you have used headings and sections elements correctly.

This HTML5 tool enables you paste in your code, point it to a URL or upload a file easily. With these new elements, you are able to make your content flow in a logical manner. As a web designer or developer, the HTML5 outliner is truly another useful tool to have in your toolkit.

READ MORE »

Tagged , , ,

How to Safeguard Your Site with HTML5 Sandbox

May08
2012 Leave a Comment Written by Sophie.Y

Today’s web applications are mash ups of new experiences into one experience. Think Twitter widgets showing the latest tweets about a product. Or Facebook comments discussing an article. Or even just integrated web pages through an iframe element. These experiences can increase security breaches to your site.

Don’t stress … there’s a new kid on the block to help you out: the HTML5 sandbox. But before I get to that, let’s quickly review iframe element issues.

A Black Box

Embedding content with an iframe is like announcing a party publicly on Facebook. You think you know who you invited, but really you have no idea who passed it on and who’ll show up.

The same is true for framing content. You know what you are referencing, but you have no clue how the site will evolve in the future. Content or functionality (or both) can change any time. Without you knowing … and without your approval.

Security Concerns Using Iframe

Browsers handle pages that use iframe just like any other web page. Forms can be used to retrieve user input, scripts can be executed, the page can navigate within the browser window, and browser plugins can be executed. And just like the party crashers who get out of hand, you have no control what the hosted content will do.

READ MORE »

Posted in HTML5 Tutorials - Tagged , ,

HTML5 Tool Of The Day – Cloudkick Viz

May04
2012 Leave a Comment Written by Sophie.Y

HTML5 Tool Of The Day – Cloudkick Viz

Cloudkick Viz is another HTML5 canvas tool. Built on HTML5, canvas, and JavaScript, it displays cloud server monitoring information when checking your servers. Servers are plotted in 3D space in real time on basis of performance metrics like CPU usage, Memory usage, and Ping latency. Each server will blink when monitoring data is updated, and if there is a check goes critical, it shakes and turns an angry red. What’s more, if you hover over a server, this canvas tool will show you its name and a ghost trail based on performance history. If you click it, you will get detailed monitoring data.

READ MORE »

Tagged , , ,

HTML5 Tool Of The Day – Visual Form Builder

May03
2012 Leave a Comment Written by Sophie.Y

HTML5 Tool Of The Day – Visual Form Builder

Just as its name implies, Visual Form Builder allows you to build and manage all kinds of beautiful HTML5 forms for your website. This HTML5 tool is a plug-in to create fully functional contact forms with a few clicks using a simple and clean interface. No PHP, CSS, or HTML coding requirement. These forms include jQuery validation, a basic logic-based verification system, and entry tracking. Something to keep in mind is using Visual Form Builder requires a modern browser. However, the forms built by this HTML5 application are compatible with all browsers.

READ MORE »

Tagged , , , ,

HTML5 Tool Of The Day – iGrapher

May02
2012 Leave a Comment Written by Sophie.Y

HTML5 Tool Of The Day – iGrapher

iGrapher is a HTML5 canvas tool, also we may call it a canvas app. It is used for charting, analysis and prediction of different stock, currency and commodity markets. With this tool, you are able to make a schematic and technical drawing of different international stocks from the major markets. These stocks range from the FTSE to Dow Jones against different commodities including gold and global currencies. At the same time, you can also plot the news activity of a stock to make clear of the correlations between news reports and stock market movements.

READ MORE »

Tagged , ,

Five HTML5 Tools to Manage Video like a Geek

Apr27
2012 Leave a Comment Written by Sophie.Y

HTML5 <video> tag is one of those features that drive people exciting. It is often presented as an alternative to flash on browsers. No matter where you sit in the HTML5-Flash debate, the fact is HTML5 video is supported by major browsers; mobile devices are being shipped without support for Flash video and web developers are adjust strategy accordingly.

So this post is for those who need to host their own video content via HTML5. We collect 5 practical HTML5 video tools to host video as HTML5 as possible.

Sothink Video Free Converter

Since modern browsers have already supported HTML5 <video> tag and the trans-platform display of HTML5 video, supporting HTML5 video for your website is an effective way to get more traffic. All you need is a helping hand to complete the task.

Sothink Video Converter is a professional video converter that capable of HTML5 video conversion. Except for the support of all the common formats, it converts video to HTML5 formats (OGG, MP4, and WebM); and more importantly, it generates HTML5 video codes directly, which means you can embed codes to website without any hand-code writing.

HTML5 video

READ MORE »

Tagged , , ,

HTML5 Tool Of The Day – Lungo.js

Apr25
2012 Leave a Comment Written by Sophie.Y

HTML5 Tool Of The Day – Lungo.js

Lungo.js is a HTML5 mobile web apps framework. This mobile framework enables you to design your website for iOS, WebOs, Android, and Blackberry using new features of HTML5. For instance, the HTML5 features like history, WebSQL, geolocation or device orientation can all be used. As its official website said, the major premise in Lungo.js is to create a semantic structure in the whole project, starting from the markup language HTML, through a well organized CSS and ending with the JavaScript API.

READ MORE »

Tagged , , , ,

HTML5 Tool Of The Day – reformed

Apr24
2012 Leave a Comment Written by Sophie.Y

HTML5 Tool Of The Day – reformed

Creating forms is tedious, right? Thus, reformed is here to help you who hate creating forms, and do the best to support you on the way. With this HTML5 form builder, you can quickly and easily create clean and robust forms with a few clicks. Reformed Form Builder has two versions, a web application and a standalone desktop application. You may create your HTML5 forms with an online editor as well as build your forms offline. This HTML5 generator is styled with the jQuery UI Themeroller tool, so it is very easy for you to build your functioning form. Reformed also provides a client-side validation. It uses the jQuery Validation library and can be easily applied to any form element via a point-and-click interface.

READ MORE »

Tagged , , ,

HTML5 Tool Of The Day – playMobi

Apr23
2012 Leave a Comment Written by Sophie.Y

HTML5 Tool Of The Day – playMobi

Are you an HTML5 game developer? Or do you want to be a successful HTML5 game developer? If that so, this HTML5 social gaming tool – playMobi will be great helpful to you. With a single, elegant JavaScript API, playMobi has the ability to solve many tough things that HTML5 game developers face. Based on the technology of playMobi, which pioneered the social network category for HTML5 game, playMobi offers methods for user authentication, in-game payments, social player engagement, leader board management, and etc.

READ MORE »

Tagged , , ,

HTML5 Tool Of The Day – PxLoader

Apr19
2012 Leave a Comment Written by Sophie.Y

HTML5 Tool of the Day – PxLoader

PxLoader is a JavaScript Preloader for HTML5 Apps. Before you do some actions on your website, like showing a user interface or starting a game, this Javascript library can enables you to download sound files, images or other various assets for HTML5 games you need. The most important thing is you can apply this HTML5 tool to make a preloader for HTML5 games and websites.

READ MORE »

Tagged , , ,
« Older Entries