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 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
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
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 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
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
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
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
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 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
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
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 …