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

376 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
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
376
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
3
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

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...

×