Simple Vertical Navigation Bar For Websites

In this article, we will create simple vertical navigation bar for websites.

Suppose our website having following menus :

• HOME
• ANGULAR JS
• DOT NET
• HTML
• HISTORY
• ADVERTISE
• ABOUT US
• CONTACT

Useful SEO Terms For Websites & Blogs

Search Engine Optimization (SEO) is the very important thing to get more traffic towards our websites or blogs. SEO is one of the parts of SEM which stands for Search Engine Marketing. If you have a website or if you want to be a blogger or earn money through the Internet then you need to know about SEO.

Here we are giving some useful SEO terms which leads to get more traffic to websites or blogs. Many search engines uses these SEO terms to indexing websites and creating crawl. Some of you may already know these SEO terms. These terms also used in Digital Marketing.

Submenu cut-off problem in custom Drop down Menu bar of Blogger Template

Actually, I was faced this problem while adding drop down menu bar in blogger. I was googled but I was not found any solution. So that I was tried myself to edit that template and after working on that I was at the stage of success. It seems that, this problem happen only using a template made through Blogger Template Designer.

Suppose you have any horizontal menu bar which also having some sub-menus in. A menu is handy for those who do not require complex menus or prefer not to use one that requires scripts and/or too many images, also the installation and customization is quite simple, and to top it off is quite functional. This menu bar is already added by you in blogger. But after visiting website, it doesn’t showing any sub-menu even after hovered.

Minify CSS and JS file using Visual Studio 2012

Before going on our main topic we have to discuss about one of the Dot Net feature i.e. Microsoft’s Web Optimization Framework. So, what is Web Optimization Framework and how to use this framework in Asp.net web form application? Microsoft’s (ASP.NET) Web Optimization Framework introduces a way to bundle and optimize CSS and JavaScript files.

If anyone wants to install Microsoft ASP.NET Web Optimization Framework, run the following command in the Package Manager Console of Visual Studio 2012.

Difference between GET and POST Methods

In this article, we will discuss about difference between GET and POST Methods. So that it will usefull in your apllications.

GET Method ():

1) Data is appended to the URL.
2) Data is not secret.
3) It is a single call system.
4) Maximum data that can be sent is 256.

How To Create Best Tooltip Only Using HTML & CSS

Tooltip is used to describe information about anything which may on HTML pages. It is possible to create tooltip to show information about fields so that user will not be confused about what and how to enter correct data in fields.

Here is the general code to create tooltip design.

List of HTML5 Inline Elements

In this tutorial, we will discuss about one of the type of HTML5 elements i.e Inline elements. As in one of the article, we already have posted information about different types of HTML4 elements and difference between them. You can read that article by clicking on Read More...

HTML5 Inline Elements

In general, HTML5 elements can be divided into two categories :

1. Block Level Elements
2. Inline Elements

List of HTML5 Block Level Elements

In this tutorial, we will discuss about one of the type of HTML5 elements i.e block level elements in HTML5. As in one of the article, we already have posted information about different types of HTML4 elements and difference between them. You can read that article by clicking on Read More...

HTML5 Block Level Elements

In general, HTML5 elements can be divided into two categories :

1. Block Level Elements
2. Inline Elements

Difference between Library and Framework

A Library and a Framework are a set of classes, modules and/or code (depending on the programming language) that can be used in your applications.

Suppose you have to maintain log or debugging info in your applications, draw charts, create an specific file formats like .html, .pdf, .xls, connect to a data base, create applications using Design Patterns or simply create some/complete application etc.

These types of problems can be solved using Framework or a Library.

Dynamically Create and Download HTML or Text File using JavaScript

Sometimes we need to create html/text file using content from text box and download that file using JavaScript. This post explains one of the best solutions on that using HTML5.

Following code will not used for IE as we are using download attribute of anchor tag which is not supported in IE browsers. This code will be useful to work on Google Chrome, Mozilla Firefox, Safari.

Here is the code with line by line full description of each line of code.

What is the Document Object Model?

The Document Object Model (DOM) is an Application Programming Interface (API) that gives programmers and developers a way of accessing and manipulating the elements within HTML and XML documents.

With the Document Object Model, programmers can create and build documents, navigate their structure and perform various manipulation operations such that add, modify or delete elements and content. Anything found in an HTML or XML document can be accessed, changed, deleted or added using the Document Object Model. In simple sentence "The way that document content is accessed and modified is called the Document Object Model or DOM".

Installation of npm and Introduction to Browserify

Browserify is a development tool that use node.js-style modules means CommonJS module system for frontend JavaScript development. We write our modules in separate files, exporting external methods and properties using the module.exports and exportsvariables. We can even require other modules using the require function.

If we omit the relative path it'll resolve to the module in the node_modules directory.

Getting started with the browserify command-line tool requires node.js and npm (Node Package Manager) installed.

How to Prevent Default Behavior of Anchor Tag using JavaScript and jQuery

Many times we need to use anchor tag in html coding. For anchor tag we assign href attribute with URL. So that whenever user click on that it will redirect to URL given as a value of href attribute. But how to prevent this default functionality?

We can prevent this default behavior of anchor tag using JavaScript or jQuery.

Simply, if we assign # to the href then after clicking on it will not redirect to any URL but it will jump to top of screen.

<a href="#"> Click Here </a>

Get Current URL at Client Side Using JavaScript and jQuery

Sometimes it is necessary to know current URL, so that we will perform different operations on that or use that URL for various purposes. In this post, you will learn to get current URL from browser at client side using JavaScript and jQuery.

Using JavaScript

The window.location read-only property returns a Location object with information about the current location of the document.

Difference between LocalStorage, SessionStorage, Session and Cookie

localStorage, sessionStorage, session and cookie all these storage mechanisms will be specific to an individual browser on an individual computer/device. Any requirement to store data on an ongoing basis across sessions will need to involve your application server side.

localStorage, sessionStorage and cookies are all client storage solutions while Session data is held on the server where it remains under your direct control.

Difference between HTML 4.0 Block Level and Inline Elements

HTML 4.0 Elements

Following is a list of some of the HTML elements.

• a : Anchor

• abbr : Abbreviation

• acronym : Acronym

• address : Address

• applet : Applet

• b : Bold

• base : Base URL

• base : Base Font Size

• bdo : Bi-Directional Override

• big : Big

• blockquote : Blockquote

• body : Body

• br : Break

• button : Button

• caption : Table caption

• center : Center align

• cite : Citation

• code : Computer code

• col : Table column

• dd : Definition description

• del : Deleted text

• dfn : Instance definition

• dir : Directory list

• div : Division

• dl : Definition list

• dt : Definition term

• em : Emphasis

• fieldset : Form control Group

• font : Font

• form : Form

• frame : Frame

• frameset : Frameset

• h1 : Header 1

Iphone's Iframe Height = 100% Then After Refreshing Page Iframe Height Increases Automatically

Many of us solving issues related iphones, This is one of the issue that found in my practises. I want to show iframe on a page using following coding, it obiviously work on all browsers and mobiles except iphone browsers. It is very good stuff from I am wondering in my practises.

Issue : On Iphone, after refreshing page I have reproduced this issue. Height of an iframe increases automatically after every refreshment of page.

It will be solved in some cases after removing style of height of div id="mainDvContainer" from test.html, but in some cases you may loss your original design.

Storage Technologies and Browser Support in HTML5

When web developers think of storing anything about the user, they immediately think of uploading to the server. HTML5 changes that, as there are now several technologies allowing the app to save data on the client device. It might also be sync'd back to the server, or it might only ever stay on the client: that's down to you.