Articles in the Design Category
We have seen image crop tool using server side script, below is HTML5 image crop tool to edit image on browser using HTML5 Canvas. So highlight of this script is, it just uses only HTML5 and js to crop and display the cropped image on Canvas.
No upload script is need to edit the original file, so no server overload.This cropping tool using HTML5 does not require any server-side script to crop. Just click and drag over the image to make selection and then press “crop Image” button to replicate crop on …
Before viewing the entire code for marching ants or marquee tool in HTML5. View this tutorial on how to use or interact with mouse events on html5 canvas element.
Entire Code for html5 Marching ants:
Image used for ant:
Note: Right+click …
Lets us see how to add the following mouse events in html5 canvas
Some of the mouse events in HTML5
onmousedown event in HTML5 Canvas:
onmousedown event fires when the user press the mouse button. This …
HTML5 introduces many new tags, including several specific tags to better describing a document’s structure. Let us see simple html5 page structure and its elements
HTML5 includes tags that break documents into the common sections and indicates the content contained in each section.
Some of the html5 tags are
The new HTML5 tags describe the types of content that they contain, and they help divide the document into logical sections.
Simple HTML5 page structure
Below is a simple html5 page structure with doctype defined.
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<meta name=”description” content=”" />
Other HTML 5 Tutorials
Code to handle device orientation.
<title>iPad Device orientation</title>