Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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
Nächste SlideShare
Wird geladen in …5
×

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

424 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×