Categories
Html5

HTML5 Form Validation Examples

For an old days we used JavaScript validation to validate any form in a website and this was until recently unthinkable. But as soon as the HTML5 came then the validation becomes very easy to maintain in any form. Here is some example of HTML5 Form Validation: The ‘required’ attributeThis simply checks whether the value […]

Categories
AngularJS

Directives of AngularJS

To extend html, AngularJS directives are used. Now We will discuss following directives: List of directives: ng-app : Directives of AngularJS that defines and links an AngularJS application to HTML. It defines the root element. <div ng-app=””> … </div> ng-init : To initializes application data. It is used to define values to the variables which […]

Categories
Css

CSS Picture frame type border

You can create CSS Picture frame type border using css styles. For creating a CSS Picture frame type border you can use this code: .htmlframe { position: relative; height: 100vh; width: 100%; background-image: linear-gradient(to top right, transparent 48.5%, gray 48.5%, gray 51.5%, transparent 51.5%), linear-gradient(to top right, transparent 48.5%, gray 48.5%, gray 51.5%, transparent 51.5%), […]

Categories
Html5

New html5 tips and techniques

New html5 tips and techniques for the latest evolution of the standard that defines HTML is HTML5. It represents two different concepts: Latest version of the language HTML, with new elements, attributes, and behaviors. HTML tips & Techniques: New Doctype Still using XHTML doctype? Its time to remove. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” […]

Categories
Css Css3 Html Html5 Web Design & Development

How to link CSS to HTML

In the context of web design, linking CSS to HTML is one of the most basic concepts. If you are a newcomer, you may be puzzled about how one can make the website look stylish and well-arranged. If your problem is in formatting, then the tool you need is CSS, or Cascading Style Sheets. CSS […]

Categories
Technology

Design Trends 2017 You Should be Aware of

The amount of information on the Internet is constantly growing as well as the demands to web pages. Tricks and tools which seemed new and interesting a few years ago attract people no more, and even irritates them at times. That’s why web designers are constantly working on improving user experience, relying on the technological […]

Categories
Html Html5

Best place to include script tags in HTML

While embedding JavaScript in an HTML and putting the script tags i.e. included in JavaScript, where is the best place? Let’s see what happens when browser loads a website: First it fetch the HTML. Starts persing the HTML. Encounters a <script> tag referencing an external script file. Browser requests the script file. Script is downloaded […]

Categories
Html Html5

Difference between section and div in HTML

The section tag defines sections in a document like chapters, headers, footers whereas div tag defines a division in an HTML document. Here we will discuss the difference between section and div in HTML. In HTML, <section> means that the content inside is grouped and should appear as a entry in an outline of a […]

Categories
Html5 jQuery

Top 5 jQuery HTML5 Audio Players

Top 5 jQuery HTML5 Audio Players based on free and open source (MIT) media library which is written in JavaScript library. All these jQuery HTML5 Audio Players plugin allows you to rapidly weave cross platform audio and video into a web page. 1. HTML5 jQuery Music Player This is a matching jQuery plugin for music […]

Categories
Html5

Make a placeholder for a “select” box

We all know that for a text input, the placeholders are working fine. But what about if we use a placeholder for a select box as well? Let’s see. Sometimes we need to use placeholder for a selectbox and making grey color is also remarkable. Suppose, we have a following html for a selectbox: <select> […]