Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
NOVOS PADRÕES WEB
Grid System Fontello CSS Reset & Form
WFT Grid System?
isso=)
12 colunas ~ 1174px
Já é responsivo? Tá finalizado?
...e como usa isso?
+
...e pra que serve isso, tio?
Responsividade
Fontello
https://github.com/fontello/fontello
Esta ferramenta permite que você combine ícone WebFonts para o seu próprio projeto.
Com fontello você pode:
• encolher col...
...e como usa isso?
Pode ser qualquer tag ;)
Prós & contras
Não tem todos os ícones necessários
Agora a parte boa!
É em SVG;
Leve;
Free.
Os mais
importantes:
CSS Reset & Form
Bla bla bla...
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Rodada do conhecimento - Novos padrões web da KBR Tec
Upcoming SlideShare
Loading in …5
×

Rodada do conhecimento - Novos padrões web da KBR Tec

427 views

Published on

Apresentação feita para um evento interno da KBR, no qual exibe os novos padrões que a KBR adotou para seus projetos. Falei sobre o sistema de grid, sobre ícones em formato de fonte (Fontello) e 2 CSS (reset e form).

Published in: Technology
  • Login to see the comments

  • Be the first to like this

Rodada do conhecimento - Novos padrões web da KBR Tec

  1. 1. NOVOS PADRÕES WEB
  2. 2. Grid System Fontello CSS Reset & Form
  3. 3. WFT Grid System?
  4. 4. isso=)
  5. 5. 12 colunas ~ 1174px
  6. 6. Já é responsivo? Tá finalizado?
  7. 7. ...e como usa isso?
  8. 8. +
  9. 9. ...e pra que serve isso, tio?
  10. 10. Responsividade
  11. 11. Fontello
  12. 12. https://github.com/fontello/fontello
  13. 13. Esta ferramenta permite que você combine ícone WebFonts para o seu próprio projeto. Com fontello você pode: • encolher coleções glifo, minimizando o tamanho da fonte; • mesclar símbolos de várias fontes em um único arquivo; • acessar grandes conjuntos de ícones de código aberto de nível profissional; Primeiro, selecione os ícones que você gosta. Em seguida, atualize os códigos de glifo (opcional), e faça o download do pacote WebFont. Geramos tudo que você precisa, pronto para publicar em seu site! Não se esqueça de doações :)
  14. 14. ...e como usa isso?
  15. 15. Pode ser qualquer tag ;)
  16. 16. Prós & contras
  17. 17. Não tem todos os ícones necessários
  18. 18. Agora a parte boa!
  19. 19. É em SVG; Leve; Free. Os mais importantes:
  20. 20. CSS Reset & Form
  21. 21. Bla bla bla...

×