HTML5 Canvas: Circles and Arcs

HTML5 Canvas: Circles and Arcs

To create circles (arcs) onto the HTML5 Canvas, we can use the arc() method. Arcs are defined by a center point, radius, starting angle, ending angle, and the arc drawing …

HTML5 Semantic Markup and Page LayoutHTML5 Semantic Markup and Page Layout

HTML5 Semantic Markup and Page Layout

HTML5 introduces a whole new set of semantic elements. Semantic markup is HTML that introduces meaning rather than presentation. When semantic elements are used on a page, the browser can …

HTML5 Canvas Fill Styles

HTML5 Canvas Fill Styles

When drawing onto the HTML5 Canvas, it is fairly common to fill the objects that are rendered with color or patterns. When filling the canvas lines or shapes with color, …

HTML5 Canvas: Text

HTML5 Canvas: Text

To draw text using HTML5 Canvas, we have access to a few properties and methods such as the font property and the fillText() method of the canvas context. The font …

HTML5 Application Cache

HTML5 Application Cache

HTML5 introduces a new method for enabling a web application to be available without your users being online. Having no connection to the internet usually means no access to your …

HTML5 Web Workers

HTML5 Web Workers

One of the biggest challenges that still exist for web developers today is how to create feature-rich web applications that are very responsive to users. One of the main issues …

HTML5 Canvas Introduction

HTML5 Canvas Introduction

The <canvas> element in HTML5 can be used to draw graphics using client-side scripting, typically JavaScript. You can use the <canvas> element, for instance, to draw graphs or animations. Using …

What's New in HTML5

What’s New in HTML5

The Internet has changed quite a bit since the last HTML standard more than a decade ago. Some of the HTML 4.01 elements are now obsolete. These elements have been …

HTML5 Server-Sent Events

HTML5 Server-Sent Events

For most web developers, communicating with a web server is dependent upon the client browser initiating an HTTP request. With this model, the client sends the HTTP request and waits …

HTML5 Form Input Types

HTML5 Form Input Types

HTML5 brings us thirteen new input types that you can use to help validate user input as well as how to present the form in the browser. As of this …

HTML5 Canvas: Lines

HTML5 Canvas: Lines

The canvas element is new to HTML5. You can use the canvas to draw lines, shapes, text, and more. To draw a line onto the HTML5 Canvas, we will use …

HTML5 Geolocation

HTML5 Geolocation

Web applications that deal with location can directly benefit from knowing exactly where the visitor to their site is located. That is where Geolocation enters the picture. Geolocation is the …

Scroll to Top