All posts in HTML5

html5-logo
Design - CSS3 - Resources - Freebies - HTML5

12 Free Single Page HTML5 Templates

Very often you don’t need to launch a full-blown CMS, but a simple 1-page HTML site is just what you need. In such cases it is really handy, if you have a ready-made HTML5 template to use. Fortunately, online there are hundreds, if not thousands of free and paid HTML5 templates.

html5-logo
Coding - HTML5 - Design - CSS

HTML5 Background Image Tutorial

Today you’re going to learn how to add a background image to your page using HTML5. In previous versions of HTML, you could use the background attribute of the body element: However, in HTML5, the background attribute is not supported.

intro-to-html5-html5-logo-300
Coding - HTML - HTML5

HTML5 Audio Autoplay: Automatically Play Audio on Your Website

Making audio autoplay on your website is very easy with HTML5. Make that “super easy” if you already have an HTML5 audio player on your website.

svg-animation-interaction-preview
Coding - HTML5

Animation and Interaction with SVGs

One of the many advantages to using SVGs in your Web pages is that you can use standard methods to interact with the elements inside them. In this tutorial we will demonstrate animating SVG elements and using JavaScript to implement interaction with them.

HTML5-camera-api-tutorial
Coding - HTML5 - Android - iOS

Accessing User Device Photos with the HTML5 Camera API

Among the many developing utilities in HTML5 are various methods for accessing user pictures from mobile devices and webcams. In this tutorial we will use the Camera API to import a user photo into a Web page, displaying it in a canvas element.

intro-to-html5-html5-logo-300
Coding - HTML5

Rearranging Web Page Items with HTML5 Drag and Drop

With HTML5, you can allow users to drag and drop Web page items. Using a combination of HTML markup and JavaScript, you can implement drag and drop operations natively in supporting browsers. In this tutorial we will explore how you can use drag and drop functionality to let users rearrange the items in a list – the same principle applies to rearranging any element type.

html5-canvas-preview
Coding - HTML5

Get Started with HTML5 Canvas

With the HTML5 canvas, you can use JavaScript code to create drawings when the user views your page. These drawings can include animated elements and can even be interactive. You can use the canvas element even if your JavaScript is not advanced, creating shapes, coloring them and positioning them within your page.

intro-to-html5-html5-logo-300
Coding - HTML5 - CSS3

How To: HTML5 Background Video

Web design has changed significantly through the years, from static HTML pages to fully animated, interactive sites that respond to users. Videos play an important role in sharing unique content, they are ubiquitous on the web; and for certain sites videos are a must. If you want to show a video on your site and you want to create an engaging experience, consider incorporating a background video.

introduction-to-svg-scalable-vector-graphics
Coding - HTML5 - Design

Introduction to SVG (Scalable Vector Graphics)

If you want to use SVG (Scalable Vector Graphics) in your Web pages but don’t know where to start – it’s easier than you think. You can of course create SVG images using software programs such as Inkscape, but you can also author the SVG markup code yourself in any text editor. SVGs scale up and down to suit the user environment, making them well-suited to responsive designs.

twitter-bootstrap
Coding - HTML5 - Design - CSS3 - Responsive

Bootstrap 101

Want to save time on development? Want to learn the basics of a great foundation? In this article, I’ll briefly introduce you to Bootstrap and provide you with additional resources so you can learn more about it.

Subscribe To Our Newsletter