CSS Sprites Revisited

CSS Sprite에 그리드만 잘 사용하면

LESS나 SaSS로 기똥차게 쓸수 있겠구나!

게다가 문자대치, 인라인이미지, 패딩이미지 팁까지 포함~ 

LESS Elements

CSS layout gets smarter with calc()

calc()

한마디로 이런게 가능한다는거

#foo {

  width: calc(50% - 100px); 

}

Drop Caps: Historical Use And Current Best Practices With CSS

CSS Compatibility and Internet Explorer

dabblet

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code.

http://blog.dabblet.com/

CSS3 Flex Box

CSS Frameworks

  • 960 Grid System - http://960.gs
  • 1140 CSS GRID - http://cssgrid.net/
  • YUI CSS Grids - http://yuilibrary.com/yui/docs/cssgrids/
  • LESS - http://lesscss.org/
  • SaSS - http://sass-lang.com/

CSS image replacement technique

.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }