blueprint css
TRANSCRIPT
spend your time innovating, not replicating
o que é?
Framework CSS
Grid fácil de usar
Está no GitHub
quem usa?
Quem usa?
Webvanta
Quem usa?
Mint
como funciona?
como funciona?
950px
24 colunas com 30px
10px de margem à direita
página de exemplo
espaços em branco
append
prepend
instalação
utilização<link rel="stylesheet" href="blueprint/screen.css" type="text/css"
media="screen, projection" /><link rel="stylesheet" href="blueprint/print.css" type="text/css"
media="print" /><!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css"
media="screen, projection" /><![endif] -->
utilização<body>
<div class="container"><div class="span-16">
<p>Column 1</p></div><div class="span-8 last">
<p>Column 2</p></div>
</div></body>
formulários
formulários
formulários
formulários
tipografia
tipografia
e muito mais...
referências
referências
garethjmsaunders.co.uk/blueprint
blueprintcss.org
obrigado!