HTML5 Page Structure

 Hello readers!

Here is demo of HTML5 page structure. In this structure we are using semantic elements, so its also called Semantic HTML5 Page Layout.

Semantic Elements :- In many website we see html write like shown below-

        <div class="header"></div>
        <div id="nav"></div>
        <div id="footer"></div>

But html5 offer some semantic elements for web pages.

-To read complete information about HTML5 Page Structure visit FindNerd. Apart from this, you can also ask questions & look for various programming queries along with their solutions including android, php, c, java programming questions and answers etc. as it is an effective technology forum also.

Form Validations in HTML5

Different type of validation for HTML5:

    1. Required Attribute: It is used when the value before submission of a form in not filled.
    It is sometimes known as Mandatory or Compulsory field.

    Use of "required" attribute.
    Example:

        <form action="" method="post">
        Name:<br>
        <input type="text" name="name" required>
        <br>
        Age:<br>
        <input type="text" name="age" required><br>
        Email:<br><input type="email" name="email" required placeholder="Enter a valid email address"><br>
        Website:<br><input type="url" name="website" required pattern="https?://.+"><br>
        <input type="submit" />
        </form><br>

To read complete information about Form Validations in HTML5 please visit FindNerd. As it is an effective technology forum, so here you can also ask questions & look for various programming queries along with their solutions including android, php, java, c programming questions and answers etc.

How to make simple Overlay popup ?

Hello readers!

Here is an Example of Overlay popup. It is very simple and responsive.

Hope it will helps you somewhere.

Html:-

    <div class="container-popup"></div>
    <div class="popup">
    <span id="close">X</span>
    </div>

To read this full blog on How to make simple Overlay popup please visit FindNerd. Apart from this, you can also ask questions & look for various programming queries along with their solutions including android, c,java,php programming questions and answers etc. as it is an effective technology forum also.

HTML5 Brings Future into Technology

HTML5 is the revolution which the web technology needs in today's competitive environment. If we look at the recently launched application in the market then we learn that HTML5 is the future platform for the web application development. Whether you need a mobile app, an enterprise level business application with specific business needs, or you are a serious game freak, the HTML5 can do something better for you related to all these web development requirements as it makes web platform more powerful and interactive.

To know more about Importance of HTML5 visit FindNerd. As it is an effective technology forum, so here you can also ask questions & look for various programming queries along with their solutions including android, c, java, php programming questions and answers etc. 

Adobe Kuler for Color themes

Adobe Kuler is an online application from Adobe Systems that lets individuals try, create and save various colour schemes, each of which consists of a set of five colours. After downloading Switchboard from Adobe Labs, users using the desktop version of Kuler can export a color scheme straight into Adobe Photoshop, Adobe Illustrator and Adobe InDesign. 

To Read complete information about Adobe Kuler visit FindNerd. Apart from this, you can also ask questions & look for various programming queries along with their solutions including android, php, c, java programming questions and answers etc.as it is an effective technology forum also.

Photoshop Shortcut Commands

• Press Tab will hide toolbar and palette, Shift+Tab will hide only palette.

• Hold Shift + click the top blue bar for toolbar and palette will move them to the nearest edge.

• Double click the top blue bar, on any palette window, to minimize it.

• Double click the gray background will bring up open file option, Hold Shift+double click will open up the browser.

To know more Photoshop Shortcut Commands please visit FindNerd. As it is an effective technology forum, so here you can also ask questions & look for various programming queries along with their solutions on android, php, java, c programming questions and answers etc.