From d314aac8e5226f78024869e7f3db31fb7a8f5fac Mon Sep 17 00:00:00 2001
From: mattn <mattn.jp@gmail.com>
Date: Wed, 3 Mar 2010 18:32:42 +0900
Subject: [PATCH] add README

---
 README | 103 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 103 insertions(+)
 create mode 100644 README

diff --git a/README b/README
new file mode 100644
index 0000000..52e7ba0
--- /dev/null
+++ b/README
@@ -0,0 +1,103 @@
+Tutorial of zencoding.vim
+
+                                                    mattn <mattn.jp@gmail.com>
+
+1. Expand Abbreviation
+
+  Type abbreviation as 'div>p#foo$*3>a' and type '<c-z>,'.
+  ---------------------
+  <div>
+      <p id="foo1">
+          <a href=""></a>
+      </p>
+      <p id="foo2">
+          <a href=""></a>
+      </p>
+      <p id="foo3">
+          <a href=""></a>
+      </p>
+  </div>
+  ---------------------
+
+2. Wrap with Abbreviation
+
+  Write as below.
+  ---------------------
+  test1
+  test2
+  test3
+  ---------------------
+  Then do visual select(line wize) and type '<c-z>,'.
+  If you request 'Tag:', then type 'ul>li*'.
+  ---------------------
+  <ul>
+      <li>test1</li>
+      <li>test2</li>
+      <li>test3</li>
+  </ul>
+  ---------------------
+
+  If you type tag as 'blockquote', then you'll see as following.
+  ---------------------
+  <blockquote>
+      test1
+      test2
+      test3
+  </blockquote>
+  ---------------------
+
+3. Balance Tag Inward
+
+  use surround.vim and type 'vit'
+
+
+4. Balance Tag Outward
+
+  use surrond.vim and type 'vat'
+
+5. Go to Next
+
+  type '<c-z>n' in insert mode.
+
+6. Previous Edit Point
+
+  type '<c-z>N' in insert mode.
+
+7. Update <img> Size
+
+  (1) :!start explorer
+  (2) right click the file. 
+  (3) check the image size.
+  (4) add the size of img tag.
+
+8. Merge Lines
+
+  select the lines included '<li>'
+  ---------------------
+  <ul>
+  	<li class="list1"></li>
+  	<li class="list2"></li>
+  	<li class="list3"></li>
+  </ul>
+  ---------------------
+  and type 'J'
+  ---------------------
+  <ul>
+  	<li class="list1"></li>
+  	<li class="list2"></li>
+  	<li class="list3"></li>
+  </ul>
+  ---------------------
+
+9. Remove Tag
+
+  under construction
+
+10. Split/Join Tag
+
+  under construction
+
+11. Toggle Comment
+
+  under construction
+