Zen-Codingはみんなのもの

Zen Coding.mxp

h2#newsRelease.note ↓ <h2 id=”newsRelease” class=”note”></h2>

a[title rel=”nofollow”] ↓ <a href="" title="" rel="nofollow"></a>

h1#siteId+p ↓ <h1 id=”siteId”></h1> <p></p>

div#header>h1+p ↓ <div id=”header”> <h1></h1> <p></p> </div>

(ul>li)+div#contents ↓ <ul> <li></li> </ul> <div id=”contents”></div>

ul>li*2 ↓ <ul> <li></li> <li></li> </ul>

ul>li.navItems$$*2 ↓ <ul> <li class="navItems01"></li> <li class="navItems02"></li> </ul>

home <ul id=”nav”> products <li class=”navItems”>home</li> <li class=”navItems”>products</li> … <li class=”navItems”>support</li> ↓ <li class=”navItems”>contact</li> ul#nav>li.navItems* </ul>

m → margin:; fz → font-size:; lh → line-height:; bgc → background-color:; bdrs → border-radius:;

m:0 → margin: 0; m:3 → margin: 0 0 0; :ss → font-family: sans-serif; fw:b → font-weight: bold;

http://learnaboutcss.blogspot.com	443
http://blog.gaspanik.com	381
http://d.hatena.ne.jp	378
http://learnaboutcss.blogspot.jp	105
http://webcache.googleusercontent.com	13
http://wiki.onakasuita.org	6
https://twimg0-a.akamaihd.net	6
http://s.deeeki.com	5
https://si0.twimg.com	5
http://translate.googleusercontent.com	1
http://a0.twimg.com	1

Zen-Codingはみんなのもの

by Masaaki Komori on Sep 21, 2010

Accessibility

Tags

Upload Details

Usage Rights

11 Embeds 1,344

Statistics

Zen-Codingはみんなのもの — Presentation Transcript