Home » Archive by categoryHTML5

Parallax scrolling Web Pages

parallax scrolling effect
What is parallax scrolling effect? Parallax scrolling Effect is new trend in web designing. It involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. Using different effects or creating the web pages more attractively is a...
Continue reading

Web Font Face

Web Font Face
What is web font face? With the introduction of css3, we are able to use custom fonts in our web pages. Before CSS3, our web development was limited with the use of very few number of font family. With the @font-face rule, web/UI developers do no longer have...
Continue reading

Draw a circle with Canvas

What is canvas? The HTML5 canvas element is used to draw graphics, on the fly, using javascript. This can be used to draw graphs, make photo composition or animations. It is only a container for graphics and it has several methods for drawing paths, boxes, circles, text, and...
Continue reading

HTML5 Form Input Features

HTML5 introduces a few good features for input fields, which will reduce the work of web developers, while developing web sites. Previously, we used javascript for checking the mandatory fields and validating email fields and so on. Now, with new attributes for input fields, inbuilt form validation is...
Continue reading

HTML 5

Copy and paste the code for easy development of a basic HTML 5 page. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Website</title> </head> <body> <header> <nav> <ul> <li>Menu</li> </ul> </nav> </header> <section> <article> <header> <h2>Article title</h2> <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> -...
Continue reading

Basic HTML Page

HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page. The markup tells the Web browser how to display a Web page’s words and images for the user. Each individual markup code...
Continue reading