Fine Print

Posted by September 12, 2017

Fine print refers to the text of document that is typically printed in very small size containing information like conditions, terms, restrictions, citations, legal rights etc. The <small> tag in HTML can be used to show fine prints. From HTML5 onwards the <small> tag not only shows a fine-print styled text but will also semantically define the same as legal disclaimers and caveats.

Read More

Assign a Base URL

Posted by September 12, 2017

The <base>HTML element is quite handy when you have multiple links in your document with the same domain URLs, it allows you to add a base URL to the document which in turn allows you to add only relative URLs to other links in the page as needed. Note: All of the relative URLs in the page will be referred based on the base URL, if you have any…

Read More

Responsive Images

Posted by September 12, 2017

Responsive web development is in vogue with ever growing mobile access. Images can be toggled for different screen sizes with markup. The <picture>HTML5 element lets you add various image sources for different media for the image inside it. Note: This currently works in Chrome only. You will have to set dom.image.picture.enable to true in about:config in Firefox.  

Read More

Color Picker

Posted by September 12, 2017

HTML5 introduced many new input type elements; the color input element is one of them. It lets you chose a color on a webpage with the help of a color picker.

Read More

Group options

Posted by September 12, 2017

If you have many options in a dropdown list and would like to show them grouped, the <optgroup> element will get the job done. You can also style the groups with CSS.  

Read More

The

Posted by September 12, 2017

The markup inside <noscript> is rendered by the browser only when the script is disabled. This tag is useful for letting users know when the script is disabled in their browser and to provide any alternate fallback mechanism for components on the web pages that will stop working without JavaScript. 1 2 3 4 5 6 <head> <noscript><link rel=”stylesheet” href=”noscript_fallback.css”></noscript> </head> <body>     <noscript><h2>Javascript is disabled in your browser.</h2></noscript> </body>

Read More