• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Zen-Codingはみんなのもの

on

  • 6,088 views

CSS Nite in SENDAI, Vol.5

CSS Nite in SENDAI, Vol.5

Statistics

Views

Total Views
6,088
Views on SlideShare
3,456
Embed Views
2,632

Actions

Likes
7
Downloads
31
Comments
0

12 Embeds 2,632

http://d.hatena.ne.jp 1120
http://learnaboutcss.blogspot.jp 511
http://blog.gaspanik.com 499
http://learnaboutcss.blogspot.com 452
http://webcache.googleusercontent.com 16
http://wiki.onakasuita.org 15
https://twimg0-a.akamaihd.net 6
https://si0.twimg.com 5
http://s.deeeki.com 5
http://translate.googleusercontent.com 1
http://a0.twimg.com 1
http://cache.yahoofs.jp 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • 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;