Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design para Desenvolvedores

Nando Vieira
August 30, 2012

Design para Desenvolvedores

Nando Vieira

August 30, 2012
Tweet

More Decks by Nando Vieira

Other Decks in Design

Transcript

  1. Cálculo (60 * 12) + (11 * 20) = 940px

    (54 * 12) + (11 * 30) = 978px
  2. $grid-column: 54px; $grid-gutter: 30px; @mixin grid($columns: 12, $include-gutter: no, $inner-space:

    0px) { $columns-size: $columns * $grid-column; $gutters-size: ($columns - 1) * $grid-gutter; $grid-size: $colums-size + $gutters-size; @if $include-gutter == yes { margin-right: $grid-gutter; } width: $grid-size - $inner-space; }
  3. @import "grid"; .header, .footer { @include grid; } .main-content {

    @include grid(8, yes); float: left; } .sidebar { @include grid(4); float: left; }
  4. @import "grid"; .header, .footer { @include grid; } .main-content {

    @include grid(8, yes); float: left; } .sidebar { @include grid(4); float: left; } 12 colunas, 978px 8 colunas, 642px 4 colunas, 306px
  5. Conheça o Node.js, a plataforma criada em cima da engine

    V8 do Google, em um workshop totalmente mão na massa! Você verá como usar JavaScript para criar aplicações assíncronas e baseadas em eventos, com uma das tecnologias mais promissoras do momento. Aprenda Node.js na prática Tamanho
  6. Conheça o Node.js, a plataforma criada em cima da engine

    V8 do Google, em um workshop totalmente mão na massa! Você verá como usar JavaScript para criar aplicações assíncronas e baseadas em eventos, com uma das tecnologias mais promissoras do momento. Aprenda Node.js na prática Cor
  7. Conheça o Node.js, a plataforma criada em cima da engine

    V8 do Google, em um workshop totalmente mão na massa! Você verá como usar JavaScript para criar aplicações assíncronas e baseadas em eventos, com uma das tecnologias mais promissoras do momento. Aprenda Node.js na prática Espaçamento
  8. Conheça o Node.js, a plataforma criada em cima da engine

    V8 do Google. Aprenda Node.js na prática Tipogra a
  9. Ruby e o duck typing No Ruby, nós não declaramos

    o tipo de objetos, nem o tipo do retorno de métodos. Embora isso possa parecer algo muito ruim para quem está acostumado com linguagens como Java, linguagens dinamicamente tipadas como o Ruby são muito exíveis, produtivas e, acredite, seguras. 02/01/2012
  10. Ruby e o duck typing No Ruby, nós não declaramos

    o tipo de objetos, nem o tipo do retorno de métodos. Embora isso possa parecer algo muito ruim para quem está acostumado com linguagens como Java, linguagens dinamicamente tipadas como o Ruby são muito exíveis, produtivas e, acredite, seguras. 02/01/2012
  11. No Ruby, nós não declaramos o tipo de objetos, nem

    o tipo do retorno de métodos. Embora isso possa parecer algo muito ruim para quem está acostumado com linguagens como Java, linguagens dinamicamente tipadas como o Ruby são muito exíveis, produtivas e, acredite, seguras.
  12. No Ruby, nós não declaramos o tipo de objetos, nem

    o tipo do retorno de métodos. Embora isso possa parecer algo muito ruim para quem está acostumado com linguagens como Java, linguagens dinamicamente tipadas como o Ruby são muito exíveis, produtivas e, acredite, seguras.
  13. The quick brown fox jumps over the lazy dog. The

    quick brown fox jumps over the lazy dog.
  14. Seitan readymade fanny pack, hella locavore marfa jean shorts typewriter.

    Small batch fap butcher mumblecore, ethnic PBR viral next level umami. Typewriter banksy jean shorts thundercats, gluten-free butcher ethical master cleanse tofu whatever.
  15. Seitan readymade fanny pack, hella locavore marfa jean shorts typewriter.

    Small batch fap butcher mumblecore, ethnic PBR viral next level umami. Typewriter banksy jean shorts thundercats, gluten-free butcher ethical master cleanse tofu whatever.
  16. Seitan readymade fanny pack, hella locavore marfa jean shorts typewriter.

    Small batch fap butcher mumblecore, ethnic PBR viral next level umami. Typewriter banksy jean shorts thundercats, gluten-free butcher ethical master cleanse tofu whatever.
  17. Mustache single-origin co ee ethnic polaroid. Tattooed next level selvage

    artisan. Craft beer godard ethical tofu photo booth raw denim, put a bird on it gentrify brooklyn before they sold out mumblecore retro cosby sweater. Gentrify wes anderson leggings ethnic, tru aut ngerstache direct trade pickled post-ironic.
  18. Mustache single-origin co ee ethnic polaroid. Tattooed next level selvage

    artisan. Craft beer godard ethical tofu photo booth raw denim, put a bird on it gentrify brooklyn before they sold out mumblecore retro cosby sweater. Gentrify wes anderson leggings ethnic, tru aut ngerstache direct trade pickled post-ironic.
  19. Mustache single-origin co ee ethnic polaroid. Tattooed next level selvage

    artisan. Craft beer godard ethical tofu photo booth raw denim, put a bird on it gentrify brooklyn before they sold out mumblecore retro cosby sweater. Gentrify wes anderson leggings ethnic, tru aut ngerstache direct trade pickled post-ironic.
  20. Mustache single-origin co ee ethnic polaroid. Tattooed next level selvage

    artisan. Craft beer godard ethical tofu photo booth raw denim, put a bird on it gentrify brooklyn before they sold out mumblecore retro cosby sweater. Gentrify wes anderson leggings ethnic, tru aut ngerstache direct trade pickled post-ironic.
  21. Títulos Texto h1, h2, h3, h4, h5, h6 { line-height:

    1.1; } body { font: 16px/1.5 "Lucida Grande", Verdana, sans-serif; }
  22. Blending Carles swag narwhal, blog viral +1 bicycle rights high

    life organic direct trade gentrify squid raw denim ethical. Forage lo- jean shorts tofu brooklyn beard.
  23. Blending Carles swag narwhal, blog viral +1 bicycle rights high

    life organic direct trade gentrify squid raw denim ethical. Forage lo- jean shorts tofu brooklyn beard.
  24. Blending Carles swag narwhal, blog viral +1 bicycle rights high

    life organic direct trade gentrify squid raw denim ethical. Forage lo- jean shorts tofu brooklyn beard.
  25. Blending Mustache single-origin co ee ethnic polaroid. Tattooed next level

    selvage artisan. Craft beer godard ethical tofu photo booth raw denim, put a bird on it gentrify brooklyn before they sold out mumblecore retro cosby sweater. Blending Mustache single-origin co ee ethnic polaroid. Tattooed next level selvage artisan. Craft beer godard ethical tofu photo booth raw denim, put a bird on it gentrify brooklyn before they sold out mumblecore retro cosby sweater. Blending Mustache single-origin co ee ethnic polaroid. Tattooed next level selvage artisan. Craft beer godard ethical tofu photo booth raw denim, put a bird on it gentrify brooklyn before they sold out mumblecore retro cosby sweater. Blending Mustache single-origin co ee ethnic polaroid. Tattooed next level selvage artisan. Craft beer godard ethical tofu photo booth raw denim, put a bird on it gentrify brooklyn before they sold out mumblecore retro cosby sweater.
  26. Contraste é importante. Contraste é importante. Contraste é importante. Contraste

    é importante. Contraste é importante. Contraste é importante. Contraste é importante. Contraste é importante.
  27. Títulos Texto body { background: # f; color: #222; }

    Mudo p { color: #666; } h1, h2, h3, h4, h5, h6 { color: #191817; }