How To Install & Use Zen Coding In Notepad++ for Better and Quick Web Development

Hello,Friend We are familiar to Notepad++ is a text editor and source code editor for use with Microsoft Windows. It supports tabbed editing, which allows working with multiple open files in a single window,intellicus support,auto complication,many shortcuts and other features.
In rapid web development we need to some other extra shortcuts and easy way to write documents like write less and explore more.
Zen coding is one of the best plug-in for the notepad++ , so let us explore this..

1.What is Zen Coding & How to Download: 
Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. 
For example: you write    html:5
 <html lang="en-US">
      <meta charset="UTF-8">

For Download  Click-here-zen-coding-download-page and download for notepad++

2.How to Install  in Notepad++:
 After download zip file extract it and copy all files and paste  to this file location C:\Program Files (x86)\Notepad++\plugins (it may be change depend upon the system files location).

3.How to use in notepad++:
After install the zen coding open notepad++  you will find a new menu Zen Coding at the menu bar.
now you type any zen coding shortcut Ex: for creating html 5 document 
type html:5 and press Ctrl+E and see the magic.
For more Ex:  div#page>div.logo+ul#navigation>li*5>a
Result:<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>

Video Tutorial

Here all the list of zen coding you can download in pdf
please like and share!!!

Post a Comment


  1. This is an awesome post. Really very informative and creative contents. This concept is a good way to enhance knowledge. I like it and help me to development very well. Thank you for this brief explanation and very nice information. Well, got good knowledge.
    WordPress development company in Chennai