Uma foto minha vestido com o uniforme da Grifinória do Harry Potter

Willian JustenSoftware Engineer

Instrutor na Udemy, escrevo sobre o mundo front end, viagens, vida pessoal e mais.

← Voltar na listagem

#1 - Por que usar SVG?

O SVG finalmente começa dar o ar das graças e você vai saber aqui o porquê disso.

Meu histórico

Muita gente sabe que eu ❤ SVG e que venho tentado evangelizar de todas as formas essa tecnologia em todo lugar que eu passo. Meu primeiro trabalho foi a Awesome-SVG, que pode não parecer, mas deu um trabalho do caramba juntar todo conteúdo possível desse assunto, organizar, separar e ainda manter atualizado.

Essa semana eu e meu amigo Lucas Maia lançamos a tradução do SVG Pocket Guide e que inclusive está open source (Viu algum erro? Manda um Pull Request! É difícil fazer tudo sem nenhum errinho xD).

Também palestrei no Front in Bahia 2014 para substituir nosso amigo Wilson Mendes que infelizmente não pôde participar. E foi lá que eu resolvi que iria contribuir mais com a comunidade, foi uma experiência tão boa e os feedbacks tão incríveis, que agora não quero mais parar =)

Depois de ter feito essas coisas, algumas pessoas já ligam SVG a minha pessoa, como o Suissa diz: "o piá do SVG". E aí com isso, sempre recebo muitas perguntas e a principal delas é:

Por que usar SVG?

Bom, pretendo fazer desse post, uma série sobre SVG, então serei bastante breve nesse post e só mostrar alguns dos motivos, se depois de todos eles, você não se interessar...Posso fazer nada

Rico em Detalhes e Cores

Coração feito de ícones coloridos

Fonte: Designmodo

Interativo e Estilizável via CSS

Ícone de uma lâmpada

Fonte: tutsplus

Responsivo

Imagem de uma logo em vários tamanhos

Fonte: Codrops

Animações de alto nível

Animação desenhando uns frascos

Fonte: Panizzon

Perfeito para representação Gráfica

Gráfico

Fonte: D3 example

Efeitos e Filtros

Uma imagem com diferentes efeitos

Fonte: Web Platform

Mais qualidades?

Concluindo...

Sabia de tudo? Se sabia porque não está usando?? Se está usando, se mostre! Contribue! Me chama no twitter, manda um Pull Request na awesome-svg, faz o caralho a 4 cara!

Deixo para vocês uma última imagem e um link falando sobre quais as tendências de 2015, advinha quem aparece para caramba lá :p

SVG Trends

Design Trends de 2015