FONTICONS E SVG
Porque, onde e como
Utilizar?
Por Richard Duchatsch Johansen - /ridjohansen
Richard Duchatsch Johansen
Sou caipira do interior
Front-end (Menino do HTML/CSS)!
Images Sprites
Pros
- Menor quantidede de requests
- Icones coloridos / transparentes
- Cross-browser mais simplificado
Cons
- Difícil manutenção
- Retina display
- Saber utilizar de forma extensível
images Sprites
Ferramentas interessantes:
Fonticons
PROS
- Menor quantidede de requests
- Retina display suport
- Suporta CSS3
CONS
- Requer conhecimento de imagens vetoriais
- Exige bom dominio CSS
- Não possui icones coloridos
Fonticons
Ferramentas interessantes:
SVG Icons
PROS
- Menor quantidade de requests
- Retina display suport
- Suporta CSS3
- Possui icones coloridos nativos
CONS
- Requer conhecimento de imagens vetoriais
- Exige bom dominio CSS
- Para personalização, exige conhecimento em SVG
SVG Icons
Ferramentas interessantes:
Obrigado!
linkedin.com/in/ridjohansen
facebook.com/ridjohansen
twitter.com/ridjohansen
github.com/ridjohansen
ridjohansen@gmail.com