HTML
Block search indexing with meta tags
How to prevent your content from appearing in Google Search results. You can prevent a page from appearing in Google Search by including a noindex meta tag in the page’s HTML code. When Googlebot next crawls that page, Googlebot will see the noindex meta tag and will drop that page entirely from Google Search results, regardless […]
Fundamentals of Web Design
Designing a web site needs careful thinking and planning. The most important thing is to KNOW YOUR AUDIENCE. Users are Scanners A typical visitor will NOT read the entire content of your Web page! No matter how much useful information you put into a Web page, a visitor will only spend a few seconds scanning […]
HTML Table Class in CodeIgniter
HTML Table Class The Table Class provides functions that enable you to auto-generate HTML tables from arrays or database result sets. Using the Table Class Initializing the Class Like most other classes in CodeIgniter, the Table class is initialized in your controller using the $this->load->library()method: $this->load->library(‘table’); Once loaded, the Table library object will be available […]
Sorting HTML table using jQuery Table Sorter plugin
Our goal is to just provide client side table data sorting so we will use table sorter jQuery plugin. All you need to do is to include table sorter jquery plugin in your code and call the table sorterfunction. Below is the single line code which lets you do this. Download Demo : https://github.com/christianbach/tablesorter $(document).ready(function (){ […]
How to use AngularJS Expressions?
AngularJS expressions are written inside double braces: {{ expression }}. AngularJS expressions binds data to HTML the same way as the ng-bind directive. AngularJS will “output” data exactly where the expression is written. AngularJS expressions are much like JavaScript expressions: They can contain literals, operators, and variables. Example {{ 5 + 5 }} or {{ […]
Ajax Image upload Previewer
Please select some picture from your computer, It would display the picture you selected. The file is edited so that can upload muiti picture. Reference from Kamyar Nazeri in StackoverFlow http://stackoverflow.com/questions/14069421/in-html5-how-to-show-preview-of-image-before-upload Download Demo example Click Here
How to Create Carousels with Bootstrap 3
Creating Carousels with Bootstrap The carousels popularly known as slide shows are some of the best ways of showcasing huge amount of contents within a small space on the web pages. It is a dynamic presentation of contents where text and images are made visible or accessible to the user by cycling through several items. […]
Html marquee : stop() and start() work on firefox 26 but not on 27 and higher
<marquee onMouseOver=’this.stop();’ OnMouseOut=’this.start();’>Hello</marquee> Not working Why? Use below method <marquee onMouseOver=”this.setAttribute(‘scrollamount’, 0, 0);” OnMouseOut=”this.setAttribute(‘scrollamount’, 6, 0);”>Hello</marquee> This works in Firefox 27.0.1 which is the version I tested it on. It may be useful for you to read the following on the marquee element. As it is a non-standard element, support over each browser will vary […]
Website Layout Using HTML5
HTML5 offers new semantic elements that define different parts of a web page:
Sample HTML Page Structure
Below is a visualization of an HTML page structure: The <!DOCTYPE> Declaration The <!DOCTYPE> declaration helps the browser to display a web page correctly. There are different document types on the web. To display a document correctly, the browser must know both type and version. The doctype declaration is not case sensitive. All cases are […]
Keep Learning 