HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. HTML5 can do lots of things on web without relying on web plugins, it can render animation, music, movies, and complicated web apps that run in your browser.
Tutorials and Courses
If you are interested to learn more about HTML5, below are the best tutorials and courses you can consider:
- Build Responsive Real World Website with HTML5 and CSS3 – In this course, you will learn essential skills in building professional and responsive websites. You will discover the necessary steps for creating fully functional websites. Besides, you will also learn jQuery effects like sticky navigation, scroll effects, and animations.
- Modern HTML & CSS From The Beginning – If you take advantage of this course, you will learn how to build multiple quality and UI projects. This course is designed for both seasoned and novice developers who want to create utility and layout classes. You will also get more familiar with modern HTML5 and CSS technologies like CSS Grid, Flexbox, and Sass pre-compiler.
- 30 Days to Learn HTML & CSS – This full course will teach you how to build your first webpage, use the proper code editor, and create a clean project structure. Not only that, but this course will also introduce you to the basics of typography, relative and absolute positioning, and website fragment creation. On the last day, you can then complete your website.
- Learn HTML & CSS Correctly – This is a free course where concepts are explained clearly. You will learn the fundamentals, how to create screencast videos, and build professional websites. Tools, references, and cheat sheets are also included. There are a total of 72 lessons.
- Introduction to HTML 5 – This course is carefully designed to help beginners who want to gain knowledge and confidence about HTML5. It will help you deeply understand how a page is created. After completing this course, it’s a lot easier for you to build your own webpage.
- HTML Standard – If you want to know every bit of HTML5, this page is a must read.
- Picture-in-Picture (PiP) – This feature allows users to watch videos in a floating window (always on top of other windows) so they can keep an eye on what they’re watching while interacting with other sites, or applications.
- Intro to the HTML5 Speech Synthesis API – We will learn how HTML5 Speech Synthesis works by creating a simple form as a toy example that will allow us to select a voice from the list of available voices for speech synthesis
- Web speech API demo – The Web Speech API provides two distinct areas of functionality — speech recognition, and speech synthesis (also known as text to speech, or tts).
- Getting started with the Web Audio API – The Web Audio API is a high-level JavaScript API for processing and synthesizing audio in web applications.
- Canvas – The tag is used to draw graphics, on the fly, via scripting (usually JavaScript).
Books
- Dive Into HTML5 – Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards.
- HTML5: Up and Running – If you don’t know about the new features available in HTML5, now’s the time to find out. The latest version of this markup language is going to significantly change the way you develop web applications, and this book provides your first real look at HTML5’s new elements and attributes.
- Using the HTML5 Filesystem API – Become familiar with HTML5’s storage use cases and security considerations.
- HTML5 Game Development Insights – The 24 chapters here include unique, cutting edge, and essential techniques for creating and optimizing modern HTML5 games.
- Web Design Playground: HTML & CSS The Interactive Way – Web Design Playground takes you step by step from writing your first line of HTML to creating interesting and attractive web pages.
HTML5 Game Engines
- Pixi.js – The aim of this project is to provide a fast lightweight 2D library that works across all devices
- Phaser – Phaser is a free open source 2D game framework for making HTML5 games for desktop and mobile.
- MelonJS – melonJS is the result of our enthusiasm & experiments with Javascript. It is a fresh & lightweight 2D sprite-based engine for web.
- kiwi.js – Kiwi.js is the world’s easiest to use Open Source HTML5 game framework for making both mobile and desktop HTML5 browser games.
- Crafty – Crafty is a JavaScript game library that can help you create games in a structured way…
- Stage.js – Stage.js is a 2D HTML5 JavaScript library for cross-platform game development, it is lightweight, fast and open-source.
- cocos2d – Cocos2d-html5 is a cross-platform 2D game engine written in JavaScript, based on Cocos2d-X and licensed under MIT.
HTML5 Templates
Most HTML5 templates involve CSS frameworks, so you can find the top HTML5 template in their CSS framework pages like Bootstrap.
- BeTheme – This is the most complete, comprehensive and flexible HTML website template, for any business or personal website. With more than 450 pre-made, ready to use layouts, this is the perfect HTML solution for a huge variety of markets and business types.
Blog Posts
HTML select field is a common way to get user input. However, when you need the field to be read-only, it can become difficult because users can still change the value of a selection using the select field's arrow despite...
There are three ways to center an image in HTML by using CSS properties - text-align, margin, and flex Text-align This is a common CSS property we use to make text center-aligned in an element. We can use it for...
HTML Tables are an easy way to format data in a spreadsheet-like grid. It is important to know how to use these tables for the purpose of presenting data accurately and efficiently. This blog post will introduce you to some...
We use lists as a preferred way to show items one after the other. Besides lists in an article's body, they are also used in navigation menu items a lot. The most commonly used list types are: unordered lists ordered...
In the world of web development, HTML is the foundation of any website. It provides structure and semantic meaning to the content displayed on a webpage. However, creating a website from scratch can be time-consuming, and that's where HTML5 Blank...
Browsing the web you saw HTML appears so many times. By now you probably know it is some type of a code used for websites. Then you see HTML5 and you get confused. Anyway, now we will answer you to...
Creating video games is an exciting and creative process that allows developers to express their creativity and test their skills in coding. HTML5 has come a long way since its birth. Games developed based on HTML5 have steadily replaced ones...
Textfield is the basic input field for both text and number for a while. Now we have number field, which is used to input number like integer and float. <input type="number"> tag can help simplify your work when implementing entering numbers...
What I like the most about Brackets Editor is its Inline Editor. This feature makes editing HTML and CSS simple and fast. This post will introduces all tips which make Brackets a great HTML editor. Most Useful Brackets Tools for...
Phone cameras are typically activated by the pre-installed Camera app, but website owners can provide a shortcut for users to take pictures or record videos when visiting their site. This allows for quicker and simpler access to the camera feature...
