The shadow DOM in HTML5
HTML5 is a content structure and presentation language for the World Wide Web and will be the core technology of the Internet in the not…
Tag: HTML5
PHP: how to use AJAX to upload file
We create a simple example to learn how to use AJAX to upload file. HTML Create simple form with a file input, we use accept…
How to create a download button in Jwplayer
Step 1: First, we need to use a download image: here Step 2: Setup jwplayer HTML: JS: Step 3: add download button Here is the…
HTML5 audio Tag: use with javascript
In the previous tutorial, we can know the audio file types which HTML audio tag supports and some attributes of the audio tag. We have…
HTML5 audio Tag: basic usage
With <audio> tag, you can play music or other audio streams. There are 3 supported file types: mp3, wav and ogg. Table 1: browser support…
HTML5 canvas: create animated character with sprite sheets
Today, we learn how to create animated character with sprite sheets, json and javascript. We use the below sprites sheet: Copyright: Mozilla & Github And…
HTML5 canvas: a circle follows the mouse
Read first: HTML5 canvas: Draw a circle move any direction HTML: CSS: Javascript: The result: Try it yourself: https://jsfiddle.net/eqc176y2/ We can use the script below…
HTML5 canvas: Draw a circle move any direction
Read first: HTML5 canvas draw animated circle HTML: CSS: Javascript: Result: Try it Yourself: https://jsfiddle.net/qfs8entc/1/ In this tutorial, we can learn how to determine the…
HTML5 canvas draw animated circle
HTML: CSS: Javascript: Result: Try it yourself: https://jsfiddle.net/gLx1a21f/ We can use the script below to do the same: Try it yourself: https://jsfiddle.net/8p5vtqg9/
Introduction to HTML5 and CSS3
The site of the world is entering a new technology and new standards. So they started developing HTML5 and CSS3.I will briefly describe HTML5. Read more about Introduction to HTML5 and CSS3 …