25 Commits

Author SHA1 Message Date
mattn
ff5a094cc8 Fix video 2015-01-08 15:40:00 +09:00
mattn
835b5c7cd9 Merge branch 'gh-pages' of https://github.com/mattn/emmet-vim into gh-pages 2015-01-08 15:37:42 +09:00
mattn
e13abc5f30 Update video 2015-01-08 15:37:19 +09:00
mattn
52c5ca380f Remove needless 2013-08-15 10:37:26 +09:00
mattn
d788857b81 Fixes installation with non-bundle. 2013-08-15 10:36:55 +09:00
mattn
e6fc11efb2 update movie 2013-08-06 21:11:55 +09:00
mattn
e9c6c86c0f asciiio 2013-08-06 20:49:44 +09:00
mattn
5ec3fbbd47 Fix 2013-08-06 20:18:44 +09:00
mattn
e75b4cef24 Update 2013-08-06 20:09:13 +09:00
mattn
7e3c234f8c update. 2012-11-02 12:18:08 +09:00
mattn
a9e2744a42 fix. 2012-10-25 11:28:55 +09:00
mattn
1a4c4a5bb8 Merge branch 'gh-pages' of github.com:mattn/zencoding-vim into gh-pages 2011-04-27 13:07:45 +09:00
mattn
c04cde8752 html5 don't accept image.alt 2011-04-27 13:06:51 +09:00
mattn
550feefc06 link 2011-03-02 23:33:38 +09:00
mattn
cb731cb965 fix doc. 2011-03-02 23:27:54 +09:00
mattn
1b8896f4da remove 'ftplugin'. 2010-11-02 00:01:18 +09:00
mattn
e28425ce02 use fixed font. 2010-03-15 18:11:15 +09:00
mattn
62068bb21d 12px 2010-03-14 01:29:02 +09:00
mattn
8fc38a5dfb use jsttyplay. 2010-03-14 01:26:20 +09:00
mattn
01d436b51f updated demo movie. 2010-03-11 03:18:22 +09:00
mattn
9c62c07f1a add video. 2010-02-27 02:47:00 +09:00
mattn
9b588cbacd Merge branch 'gh-pages' of git@github.com:mattn/zencoding-vim into gh-pages 2010-02-27 02:45:34 +09:00
mattn
434569d388 hmm. article isn't block element? 2010-02-26 22:55:22 +09:00
mattn
324c551ba2 block 2010-02-26 22:07:07 +09:00
mattn
320c1ba8d5 import. 2010-02-26 22:04:43 +09:00
10 changed files with 3733 additions and 1397 deletions

85
index.html Normal file
View File

@@ -0,0 +1,85 @@
<!doctype html>
<head>
<title>Emmet.vim</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="static/css/style-sites.css" type="text/css" />
<!--[if IE]>
<script type="text/javascript">
document.createElement('header');
document.createElement('section');
document.createElement('nav');
document.createElement('aside');
document.createElement('footer');
document.createElement('article');
</script>
<![endif]-->
</head>
<body>
<img id="logo" src="static/images/emmet-vim-logo.png" title="禅" alt="禅" />
<h2>vim plugins for HTML and CSS hi-speed coding.</h2>
<section id="content">
<div class="blocked-content">
<article id="whats">
<h2 class="maintitle">Whats</h2>
<p>emmet for vim</p>
</article>
</div>
<br />
<div class="blocked-content">
<article id="install">
<h2 class="maintitle">Install</h2>
<p>copy plugin/emmet.vim to plugin directory. and copy autoload/emmet.vim to autoload directory.</p>
<pre class="code">
# cp -r plugin ~/.vim/.
# cp -r autoload ~/.vim/.
</pre>
<p>if you install <a href="http://www.vim.org/scripts/script.php?script_id=2332">pathogen.vim</a>, you can make it work with only copying emmet-vim directory to bundle directory.</p>
<pre class="code">
# cp -r emmet-vim ~/.vim/bundle/.
</pre>
</article>
</div>
<br />
<div class="blocked-content">
<article id="howworkthis">
<h2 class="maintitle">How This Work</h2>
<p>below is a movie when using emmet.vim</p>
<script type="text/javascript" src="https://asciinema.org/a/4568.js" id="asciicast-4568" async></script>
</div>
<!--
<embed type="application/x-shockwave-flash" src="http://ttyshare.com/t/a474271fe4eea14f6302286d2bfabd968fb40868" width="480" height="288"/>
<embed type="application/x-shockwave-flash" src="http://ttyshare.com/t/8e83a40b6e5d6590b2832fc406114dbe348fc96f" width="480" height="288"/>
-->
</article>
</div>
<br />
<div class="blocked-content">
<article id="repo">
<h2 class="maintitle">Repository</h2>
<p>
<a href="http://github.com/mattn/emmet-vim/">http://github.com/mattn/emmet-vim/</a>
</p>
</article>
</div>
<br />
<div class="blocked-content">
<article id="license">
<h2 class="maintitle">License</h2>
<p>BSD style license.</p>
</article>
</div>
<br />
<div class="blocked-content">
<article id="author">
<h2 class="maintitle">Author</h2>
<p>Project authors:</p>
<div>
<ul>
<li><a href="http://mattn.kaoriya.net/" rel="me">Yasuhiro Matsumoto</a></li>
</ul>
</div>
</article>
</div>
<br />
</section>
</body>

View File

@@ -0,0 +1,99 @@
@charset "utf-8"
section, article, aside, hgroup, header, footer, nav, figure { display: block; }
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", " Pゴシック", Verdana, Geneva, Arial, Helvetica;
text-align: center;
}
section {
clear:both;
text-align: left;
}
article {
}
img {
border: none;
}
#content {
}
h1 {
font-family: 'Verdana', 'Arial';
padding: 0.5em; margin-top: 0; margin-bottom: 0;
}
.subtitle {
background: transparent url(../images/allow-right-orange.png) no-repeat scroll 0%;
padding-left: 26px;
line-height: 26px;
text-decoration: underline;
}
.maintitle {
background: transparent url(../images/allow-right-green.png) no-repeat scroll 0%;
padding-left: 26px;
line-height: 26px;
text-decoration: underline;
}
.blocked-content {
padding: 1em;
border: 1px dotted gray;
font-family: 'Verdana', 'Arial';
}
a{
color: #006699;
text-decoration: none;
}
a:link {
color: #006699;
text-decoration: none;
}
a:visited {
color: #006699;
text-decoration: none;
}
a:hover {
color: #006699;
text-decoration: underline;
}
li a, h3 a {
padding-left:5px;
padding-right:5px;
background-color:none;
text-decoration:none;
color: #333333;
text-shadow:1px 1px 1px #ffffff;
line-height: 25px;
}
li a:hover, li a:active, h3 a:hover, li a:active {
background-color:#334d55;
text-decoration:none;
color:#ffffff;
text-shadow:1px 1px 1px #000000;
}
pre.code {
padding: 1em;
border: 1px dotted gray;
font-family: 'Verdana', 'Arial';
color: white;
background: gray;
width: 500px;
}
#tty {
font-family: monospace;
font-size: 10pt;
line-height: 0px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 673 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 978 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
static/images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

3549
static/js/jquery-latest.js vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -1,138 +0,0 @@
script_name: ZenCoding.vim
script_id: '2981'
script_type: utility
script_package: zencoding.vim
script_version: '0.26'
required_vim_version: '7.0'
summary: vim plugins for HTML and CSS hi-speed coding.
detailed_description: |
********************************************************
* Warning
********************************************************
If version of zencoding.vim is smaller than '0.21', you have older file in your '$HOME/.vim/plugin'(or '$HOME/vimfiles/plugin') directory.
Newer become ftplugin script. Thus you should remove older script and copy new plugin to '$HOME/.vim/ftplugin/html'(or '$HOME/vimfiles/ftplugin/html') directory.
********************************************************
This is vim script support expanding abbreviation like zen-coding.
ref: http://code.google.com/p/zen-coding/
Type abbreviation
+-------------------------------------
| html:5_
+-------------------------------------
"_" is a cursor position. and type "<c-z>," (Ctrl + z and Comma)
NOTE: Don't worry about key map. you can change it easily.
+-------------------------------------
| <!DOCTYPE HTML>
| <html lang="en">
| <head>
| <title></title>
| <meta charset="UTF-8">
| </head>
| <body>
| _
| </body>
| </html>
+-------------------------------------
Type following
+-------------------------------------
| div#foo$*2>div.bar
+-------------------------------------
And type "<c-z>,"
+-------------------------------------
|<div id="foo1">
| <div class="bar">_</div>
|</div>
|<div id="foo2">
| <div class="bar"></div>
|</div>
| _
+-------------------------------------
Tips:
You can customize behavior of expanding with overriding config.
This configuration will be marged at loading plugin.
let g:user_zen_settings = {
\ 'indentation' : ' ',
\ 'perl' : {
\ 'aliases' : {
\ 'req' : 'require '
\ },
\ 'snippets' : {
\ 'use' : "use strict\nuse warnings\n\n",
\ 'warn' : "warn \"|\";",
\ }
\ }
\}
let g:user_zen_expandabbr_key = '<c-e>'
let g:use_zen_complete_tag = 1
You can set language attribute in html using zen_settings['lang'].
install_details: |
copy zencoding.vim to your plugin directory.
versions:
- '0.26': |
This is an upgrade for ZenCoding.vim: The count of '(((a#foo + a#bar)*2)*3)' should be 12.
- '0.25': |
This is an upgrade for ZenCoding.vim: store undo before working. good luck about 'table>(tr>td*3)*4'.
- '0.24': |
This is an upgrade for ZenCoding.vim: fixed behavior of parsing area of visual selection.
- '0.23': |
This is an upgrade for ZenCoding.vim: pre-expand '#header>li<#content' to 'div#header>li<div#content'. support () expression.
- '0.22': |
This is an upgrade for ZenCoding.vim: expand 'ul+' to 'ul>li'. fix undo ring. support visual selection. when type trigger key on visual select, it request you leader like 'ul>li'. if you give 'ul>li*' as leader, you'll get each separate 'ul>li' tags. and when you give 'blockquote' as leader, you'll get blocked text.
- '0.21': |
This is an upgrade for ZenCoding.vim: treat xhtml as html.
- '0.20': |
This is an upgrade for ZenCoding.vim: add option use_zen_complete_tag for complete abbr.
- '0.19': |
This is an upgrade for ZenCoding.vim: fixed problem that couldn't expand 'link:css' correctly.
- '0.18': |
This is an upgrade for ZenCoding.vim: ignore duplicate key map.
- '0.17': |
This is an upgrade for ZenCoding.vim: fixed key map.
- '0.16': |
This is an upgrade for ZenCoding.vim: fixed problem 'endless loop'.
- '0.15': |
This is an upgrade for ZenCoding.vim: set default filetype to 'html'.
- '0.14': |
This is an upgrade for ZenCoding.vim: fixed tag name like 'fs:n' in 'css'.
- '0.14': |
This is an upgrade for ZenCoding.vim: indentation for each languages.
- '0.13': |
This is an upgrade for ZenCoding.vim: user key map.
- '0.12': |
This is an upgrade for ZenCoding.vim: few extensive notation.
- '0.11': |
This is an upgrade for ZenCoding.vim: fixed indent.
- '0.10': |
This is an upgrade for ZenCoding.vim: fixed behavior of '+' operator
- '0.9': |
This is an upgrade for ZenCoding.vim: fixed single line behavior
- '0.8': |
This is an upgrade for ZenCoding.vim: support 'a[href=http://www.google.com]{Google}'
- '0.7': |
This is an upgrade for ZenCoding.vim: fixed behavior in 'a+b'.
- '0.6': |
This is an upgrade for ZenCoding.vim: fixed strange behavior about '<a href="">b_</a>'.
- '0.5': |
This is an upgrade for ZenCoding.vim: recover rest part in line.
- '0.4': |
This is an upgrade for ZenCoding.vim: fixed cursor position. fixed ${lang} replacement.
- '0.3': |
This is an upgrade for ZenCoding.vim: fixed line expanding.
- '0.2': |
This is an upgrade for ZenCoding.vim: fixed problem that moving cursor with expanding.
- '0.1': |
Initial upload
# __END__
# vim: filetype=yaml