Data Tips & Tricks

Assuming that all of us installed zen code plugin if not please install it . Here we're going to show you some frequently used useful tips & tricks of zen-coding with respect to HTML type  html:5  in your editor & hit tab  (@HIT-TAB@) Let's see the different basic rules to create well formatted html one by one... -- 1. To create the element Write the element name and hit "TAB" e.g. (div & hit TAB) and emmet will create this for you    div@HIT-TAB@ => <div></div>    p@HIT-TAB@ => <p></p> -- 2. To create element with identifier   Let's say we want to create "div having id as myId"   We can use "#" sign like this  div#myId@HIT-TAB@  => <div id="myId"></div>     -- 3. To create element with class name   If we want to create "div with class name myClass"   we can use "." sign like this   div.myClass@HIT-TAB@ ...

As a web-developer, irrespective of the technologies (java, c-sharp, python, php e.t.c.…), we used to write CSS code to make our web-pages looks good if not at least we’re involved in write html codes. What if there is some tool to whom you give some instruction and that tool generates a good, well formatted html tags for you. These kind of coding is possible and known as “ Zen coding ” and there are lots of plug-in available from different vendors. We’re going to  discuss the steps to install this “zen-coding” plugin for “visual studio, eclipse, sublime-text & notepad++ in next few lines. Follow the below steps to install "zen-coding" plugin based on your editor.  Steps to install zen-coding plugin for (visual studio, eclipse, sublime-text,notepad++) -- -- For Visual Studio 1. Go to "Tools" -> "Extensions and Updates" 2. It'll open the "Extensions and Updates windows"    Select online form Left hand menu items ent...