Zencoding PDF

Zen Coding 0.
6
http://code.google.com/p/zen-coding
Selectors Filters 0.6
div#name. . . . . . . . . . . . . . <div id="name"></div> ul +. . . . . . . . . . . . . . . . . . . . . . . . . . <ul><li></li></ul> haml ��HAML syntax filter
div.name. . . . . . . . . . . . . . . <div class="name"></div> table + . . . . . . . . . . . . . . . . . . . . . . <table><tr><td></td></tr></table> html ��HTML syntax filter
div.one.two. . . . . . . . . . . . <div class="one two"></div> dl +. . . . . . . . . . . . . . . . . . . . . . . . . . <dl><dt></dt><dd></dd></dl> e ��Escapes XML-unsafe characters: <, > and &
div#name.one.two. . . . . <div id="name" class="one two"></div> p.title|e 0.6. . . . . . . . . . . . . . . . . . . <p class="title"></p> c ��Add comments around important tags
div>p . . . . . . . . . . . . . . . . . . <div><p></p></div> p[title] 0.6. . . . . . . . . . . . . . . . . . . . <p title=""></p> fc ��Add whitespace after CSS property name
p+p. . . . . . . . . . . . . . . . . . . . <p></p><p></p> td[colspan=2] 0.6 . . . . . . . . . . . . <td colspan="2"></td> xsl ��This filter removes select attribute from <xsl:variable> and
p*3. . . . . . . . . . . . . . . . . . . . . <p></p><p></p><p></p> span[title="Hello" rel] 0.6. . . . <span title="Hello" rel=""></span> <xsl:with-param> tags if they have child nodes
p.name-$*2. . . . . . . . . . . . <p class="name-1"></p><p class="name-2"></p>
html. . . . . . . . . . . . . . <html></html> pre. . . . . . . . . . . . . . . <pre></pre> ruby. . . . . . . . . . . . . . <ruby></ruby> Forms

:xml xmlns :4t HTML4 trans :4s HTML4 strict :xt XHTML trans dialog (dlg) . . . . . . <dialog></dialog> rt . . . . . . . . . . . . . . . . <rt></rt> form . . . . . . . . . . . . . <form action=""></form>
:xs XHTML strict :xxs XHTML 1.1 :5 blockquote (bq). . <blockquote></blockquote> rp . . . . . . . . . . . . . . . . <rp></rp> :get :post
Document head & Metadata ol + . . . . . . . . . . . . . . . . <ol></ol> bdo . . . . . . . . . . . . . . <bdo dir=""></bdo> fieldset (fset). . . . . <fieldset></fieldset>
ul + . . . . . . . . . . . . . . . . <ul></ul> :r rtl :l ltr legend (leg). . . . . . <legend></legend>
head. . . . . . . . . . . . . <head></head> li . . . . . . . . . . . . . . . . <li></li> ins . . . . . . . . . . . . . . . <ins></ins>
title. . . . . . . . . . . . . . <title></title> label. . . . . . . . . . . . . <label for=""></label>
dl + . . . . . . . . . . . . . . . . <dl></dl> del. . . . . . . . . . . . . . . <del></del> input. . . . . . . . . . . . . <input type="">
base. . . . . . . . . . . . . . <base href=""> dt . . . . . . . . . . . . . . . . <dt></dt>
link. . . . . . . . . . . . . . . <link> Embedded Content :hidden (:h) :text (:t) :search :email :url
dd . . . . . . . . . . . . . . . . <dd></dd> :password (:p) :datetime :datetime-local :date
:css css-link :print print css :favicon :touch touch-icon figure (fig) . . . . . . . <figure></figure>
:rss :atom Text-level Semantics img . . . . . . . . . . . . . . <img src="" alt=""> :month :week :time :number :range :color
meta. . . . . . . . . . . . . <meta> a . . . . . . . . . . . . . . . . <a href=""></a> iframe (ifr). . . . . . . <iframe src="" frameborder="0"></iframe> :checkbox (:c) :radio (:r) :file (:f ) :submit (:s)
:utf :win :compat X-UA-Compatible :link http :mail mailto embed (emb) . . . . <embed src="" type=""> :image (:i) :reset :button (:b)
style . . . . . . . . . . . . . <style type="text/css"></style> q . . . . . . . . . . . . . . . . <q></q> object (obj) . . . . . . <object data="" type=""></object> button (btn). . . . . . <button></button>
script. . . . . . . . . . . . . <script type="text/javascript"> cite. . . . . . . . . . . . . . . <cite></cite> param. . . . . . . . . . . . <param name="" value=""> select + . . . . . . . . . . . <select id=""></select>
:src em. . . . . . . . . . . . . . . <em></em> video. . . . . . . . . . . . . <video src=""></video> optgroup (optg) +. <optgroup></optgroup>
noscript. . . . . . . . . . <noscript></noscript> strong (str). . . . . . . <strong></strong> audio . . . . . . . . . . . . <audio src=""></audio> option (opt). . . . . . <option></option>
Sections small. . . . . . . . . . . . . <small></small> source (src). . . . . . . <source> Interactive Elements
mark. . . . . . . . . . . . . <mark></mark> canvas . . . . . . . . . . . <canvas></canvas> datagrid (datag). <datagrid></datagrid>
body. . . . . . . . . . . . . <body></body> dfn. . . . . . . . . . . . . . . <dfn></dfn> map +. . . . . . . . . . . . . <map name=""></map>
section (sect). . . . . <section></section> datalist (datal). . . <datalist></datalist>
abbr. . . . . . . . . . . . . . <abbr title=""></abbr> area. . . . . . . . . . . . . . <area shape="" coords="" href="" alt=""> textarea (tarea). . <textarea id="" cols="30" rows="10"></
nav. . . . . . . . . . . . . . . <nav></nav> acronym (acr). . . . <acronym title=""></acronym> :d default :c circle :r rect :p poly
article (art). . . . . . . <article></article> textarea>
time. . . . . . . . . . . . . . <time></time> Tables keygen (kg). . . . . . <keygen>
aside. . . . . . . . . . . . . <aside></aside> progress (prog). . <progress></progress>
h1–h6. . . . . . . . . . . . <h1></h1> table + . . . . . . . . . . . . <table></table> output (out). . . . . . <output></output>
meter. . . . . . . . . . . . <meter></meter> details (det). . . . . . <details></details>
hgroup (hgr). . . . . <hgroup></hgroup> code . . . . . . . . . . . . . <code></code> caption (cap). . . . . <caption></caption>
header (hdr) . . . . . <header></header> colgroup (colg) +. . <colgroup></colgroup> command (cmd) . <command>
var. . . . . . . . . . . . . . . <var></var> bb . . . . . . . . . . . . . . . . <bb></bb>
footer (ftr) . . . . . . . <footer></footer> samp. . . . . . . . . . . . . <samp></samp> col . . . . . . . . . . . . . . . <col>
address (adr). . . . . <address></address> tbody. . . . . . . . . . . . <tbody></tbody> menu . . . . . . . . . . . . <menu></menu>
kbd . . . . . . . . . . . . . . <kbd></kbd> :context (:c) :toolbar (:t)
div. . . . . . . . . . . . . . . <div></div> sub. . . . . . . . . . . . . . . <sub></sub> thead . . . . . . . . . . . . <thead></thead>
Grouping Content sup. . . . . . . . . . . . . . . <sup></sup> tfoot. . . . . . . . . . . . . <tfoot></tfoot> Conditional Comments
span . . . . . . . . . . . . . <span></span> tr + . . . . . . . . . . . . . . . . <tr></tr> cc:ie. . . . . . . . . . . . . . 
p . . . . . . . . . . . . . . . . <p></p> th . . . . . . . . . . . . . . . . <th></th>
hr . . . . . . . . . . . . . . . . <hr> i . . . . . . . . . . . . . . . . <i></i> cc:noie. . . . . . . . . . . 
b . . . . . . . . . . . . . . . . <b></b> td . . . . . . . . . . . . . . . . <td></td>
br . . . . . . . . . . . . . . . . <br>
@import url() ��@i margin-top ��mt :a auto border-top-width ��bdtw list-style-image ��lisi :n none word-wrap ��wow :n normal
@media print { } ��@m margin-right ��mr :a auto border-top-style ��bdts :n none quotes ��q :n none :ru :en :no none :u unrestricted
@font-face { ... } ��@f margin-bottom ��mb :a auto border-top-color:#000 ��bdtc content ��ct :n normal :oq open- :s suppress
!important ��! margin-left ��ml :a auto border-right ��bdr + :n none quote :noq no-open- letter-spacing ��lts
expression() ��exp padding ��p :0 – 4 border-right-width ��bdrw quote :cq close-quote font ��f +
Positioning padding-top ��pt border-right-style ��bdrs :n none :ncq no-close-quote font-weight ��fw :n normal :b bold
padding-right ��pr border-right-color:#000 ��bdrc :a attr() :c counter() :br bolder :lr lighter
position ��pos :s static :a absolute padding-bottom ��pb border-bottom ��bdb + :n none :cs counters() font-style ��fs :n normal :i italic
:r relative :f fixed padding-left ��pl border-bottom-width ��bdbw counter-increment ��coi :o oblique
top ��t :a auto width ��w :a auto border-bottom-style ��bdbs :n none counter-reset ��cor font-variant ��fv :n normal :sc small-caps
right ��r :a auto height ��h :a auto border-bottom-color:#000 �bdbc font-size ��fz
bottom ��b :a auto Text
max-width ��maw :n none border-left ��bdl + :n none font-size-adjust ��fza :n none
left ��l :a auto max-height ��mah :n none border-left-width ��bdlw vertical-align ��va :sup super :t top font-family ��ff :s serif :ss sans-serif
z-index ��z :a auto min-width ��miw border-left-style ��bdls :n none :tt text-top :m middle :c cursive :m monospace
Box behavior & properties min-height ��mih border-left-color:#000 ��bdlc :bl baseline :b bottom font-effect ��fef :n none :eg engrave
border-radius ��bdrz :w -webkit :m -moz :tb text-bottom :sub sub :eb emboss :o outline
float ��fl :n none :l left :r right Color & appearance text-align ��ta :l left :c center :r right
clear ��cl :n none :l left :r right outline ��o + :n none border-top-right-radius ��bdtrrz font-emphasize ��fem
border-top-left-radius ��bdtlrz :j justify font-emphasize-position �femp :b before :a after
:b both outline-offset ��oo text-align-last ��tal :a auto :l left
display ��d :n none :b block border-bottom-right-radius �bdbrrz font-emphasize-style ��fems :n none :ac accent
outline-width ��ow border-bottom-left-radius �bdblrz :c center :r right :dt dot :c circle :ds disc
:i inline :ib inline-block outline-style ��os text-decoration ��td :n none :o overline
:mib -moz-inline-box background ��bg + :n none :ie font-smooth ��fsm :a auto :n never
outline-color:#000 ��oc :i invert background-color:#fff ��bgc :t transp. :l line-through :u underline :aw always
:mis -moz-inline-stack border ��bd + :n none text-emphasis ��te :n none :ac accent
:li list-item :ri run-in background-image:url() ��bgi :n none font-stretch ��fst :n normal :uc ultra-
border-break ��bdbk :c close background-repeat ��bgr :r repeat :x repeat-x :dt dot :c circle :ds disc condensed :ec extra-
:cp compact :tb table border-collapse ��bdcl :c collapse :s separate :b before :a after
:itb inline-table :y repeat-y :n no-repeat condensed :c condensed
border-color:#000 ��bdc background-attachment ��bga :f fixed :s scroll text-height ��th :a auto :f font-size :se semi-expanded
:tbcp table-caption border-image ��bdi + :n none :w + -webkit background-position:0 ��bgp :t text-size :m max-size
:tbcl table-column :e expanded :ee extra-
:m -moz
+
background-position-x ��bgpx & bgpy text-indent ��ti :- -9999px expanded :ue ultra-
:tbclg table-column-group border-top-image ��bdti :n none text-justify ��tj :a auto :i inter-word
:tbhg table-header-group border-right-image ��bdri :n none background-break ��bgbk :bb bounding-box expanded
:eb each-box :c continuous :ii inter-ideograph :ic inter-
:tbfg table-footer-group border-bottom-image ��bdbi :n none cluster :d distribute Visual properties
:tbr table-row background-clip ��bgcp :bb border-box
border-left-image ��bdli :n none :pb padding-box :k kashida :t tibetan opacity ��op :ie :ms
:tbrg table-row-group border-corner-image ��bdci :n none :c continue text-outline ��to + :n none resize ��rz :n none :b both
:tbc table-cell :cb content-box :nc no-clip
border-top-left-image ��bdtli :n none :c continue background-origin ��bgo :bb border-box text-replace ��tr :n none :h horizontal :v vertical
visibility ��v :v visible :h hidden border-top-right-image ��bdtri :n none :c continue text-transform ��tt :n none :u uppercase cursor ��cur :a auto :d default
:c collapse :pb padding-box
border-bottom-right-image �bdbri :n none :c continue :cb content-box :c capitalize :l lowercase :c crosshair :ha hand
overflow ��ov :v visible :h hidden border-bottom-left-image �bdbli :n none :c continue background-size ��bgz :a auto :ct contain text-wrap ��tw :n normal :no none :he help :m move
:s scroll :a auto border-fit ��bdf :c clip :r repeat :u unrestricted :s suppress :p pointer :t text
overflow-x ��ovx & ovy :cv cover
:sc scale :st stretch color:#000 ��c text-shadow ��tsh + :n none Print
:v visible :h hidden :ow overwrite line-height ��lh
:s scroll :a auto :of overflow :sp space Special content types white-space ��whs :n normal :p pre page-break-before ��pgbb :a auto
overflow-style ��ovs :a auto :s scrollbar border-length ��bdlt :a auto table-layout ��tbl :a auto :f fixed :nw nowrap :pw pre- :aw always :l left :r right
:p panner :m move border-spacing ��bdsp caption-side ��cps :t top :b bottom wrap :pl pre-line page-break-inside ��pgbi :a auto :av avoid
:mq marquee border-style ��bds :n none :h hidden empty-cells ��ec :s show :h hide white-space-collapse ��whsc :n normal page-break-after ��pgba :a auto
zoom:1 ��zoo :dt dotted :ds dashed list-style ��lis :n none :k keep-all :l loose :aw always :l left :r right
clip ��cp :a auto :r rect :s solid :db double list-style-position ��lisp :i inside :o outside :bs break-strict orphans ��orp
box-sizing ��bxz :cb content-box :dtds dot-dash list-style-type ��list :n none :d disc :ba break-all widows ��wid
:bb border-box :dtdtds dot-dot-dash :c circle :s square word-break ��wob :n normal
box-shadow ��bxsh + :n none :w wave :g groove :r ridge :dc decimal :k keep-all :l loose
:w + -webkit :m + -moz :i inset :o outset :dclz decimal-leading-zero :bs break-strict
Sizing border-width ��bdw :lr lower-roman :ba break-all
margin ��m :a auto :0 – 4 border-top ��bdt + :n none :ur upper-roman word-spacing ��wos Cheatsheet by Alexander Shabunevich [aether.ru]

Zencoding PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Zencoding PDF

Uploaded by

Copyright:

Available Formats

Zen Coding 0.

html. . . . . . . . . . . . . . <html></html> pre. . . . . . . . . . . . . . . <pre></pre> ruby. . . . . . . . . . . . . . <ruby></ruby> Forms

You might also like