layout css

box-sizing 的CSS属性,当你设置一个元素为 box-sizing: border-box; 时，

此元素的内边距和边框不再会增加它的宽度。

* { 

-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

 }

.clearfix {   overflow: auto;   zoom: 1; } //hidden //scroll

min-width and max-width  

 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
//------------------------------
http://learnlayout.com/

fireapp.handlino.com
sass-lang.com
compass-style.org

Webfonts service
Typekit.com
justfont.com
typesquare.com

demo.evendesign.tw/014/

.img-wrapper{
 position:relative;
 width:100%;
 height:0;
 padding-top:100%/16*9;/*4:3,3:2,16:9*/
}
img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
}
border-radius;
box-shadow,text-shadow
linear-gradient, radial-gradient;

.box{
 border:1px solid #ccc;
 box-shadow:0 5px 10px rgab(0,0,0,.3);
 border-radius:10px;
}

icon fonts resource
symbolset.com
pictos.cc
fortawesome.github.com/Font-Awesome/
adamwhitcroft.com/climacons/font/

SVG Tiny
<a class="brand" href="/">
<!--[if IE]><div class="logo logo_ie"></div><![endif]-->
<!--[if !IE]--> <div class="logo logo_svg"></div><!--[endif]-->
</a>
.logo{width:220px;height|:30px;}
.logo_svg{background:image-url("thewall-logo.svg");}
.logo_ie{background:image-url("thewall-logo.png");}


facebook.com/evenwu/
.Set width of span
<span style="display:-moz-inline-box; display:inline-block;width:110px;"> </span>