Blueprint CSS

1,711 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,711
On SlideShare
0
From Embeds
0
Number of Embeds
423
Actions
Shares
0
Downloads
27
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Blueprint CSS

  1. 1. spend your time innovating, not replicating
  2. 2. o que é?Framework CSSGrid fácil de usarEstá no GitHub
  3. 3. quem usa?
  4. 4. Quem usa?Webvanta
  5. 5. Quem usa?Mint
  6. 6. como funciona?
  7. 7. como funciona?950px24 colunas com 30px10px de margem à direita
  8. 8. página de exemplo
  9. 9. espaços em branco
  10. 10. append
  11. 11. prepend
  12. 12. instalação blueprintcss.org
  13. 13. instalação
  14. 14. 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] -->
  15. 15. 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>
  16. 16. formulários
  17. 17. formulários
  18. 18. formulários
  19. 19. formulários
  20. 20. tipografia
  21. 21. tipografia
  22. 22. e muito mais...
  23. 23. referências
  24. 24. referênciasgarethjmsaunders.co.uk/blueprintblueprintcss.org
  25. 25. obrigado!

×