Aprendendo SVG Do Início ao Avançado

File Name

Size

5. Projeto #1 - Construindo um SVG responsivo e adaptativo/1. Tornando o SVG Fluido.mp4

63 MB

1. Introdução ao SVG/1.1 Repositório do Curso com a Ementa.html

106 B

1. Introdução ao SVG/1.2 Slack do Curso.html

86 B

1. Introdução ao SVG/1.3 Projeto Awesome SVG.html

105 B

1. Introdução ao SVG/1.4 Meu blog com vários posts sobre SVG.html

89 B

1. Introdução ao SVG/2. História.mp4

11 MB

1. Introdução ao SVG/2.1 Código da Aula.html

126 B

1. Introdução ao SVG/2.2 Slides Online.html

127 B

1. Introdução ao SVG/3. O que é.mp4

3.8 MB

1. Introdução ao SVG/4. Por que usar.mp4

20 MB

1. Introdução ao SVG/4.1 Bubble chart feito em D3.html

97 B

1. Introdução ao SVG/4.2 Ícones em SVG.html

88 B

1. Introdução ao SVG/4.3 Exemplo da Lâmpada com estado Hover.html

110 B

1. Introdução ao SVG/4.4 Garrafas sendo formadas na tela.html

84 B

1. Introdução ao SVG/4.5 Tabela de Compatibilidade.html

89 B

1. Introdução ao SVG/4.6 Logo da BrazilJS Weekly Responsiva.html

105 B

1. Introdução ao SVG/4.7 Filtros em SVG pela WebPlatform.html

128 B

1. Introdução ao SVG/5. Quando usar.mp4

6.1 MB

1. Introdução ao SVG/6. Como criar.mp4

2.3 MB

1. Introdução ao SVG/6.1 Concepts.html

90 B

1. Introdução ao SVG/6.2 Webcode.html

87 B

1. Introdução ao SVG/6.3 Sketch.html

86 B

1. Introdução ao SVG/6.4 Inkscape.html

84 B

1. Introdução ao SVG/6.5 Autodesk Graphic.html

81 B

1. Introdução ao SVG/6.6 Illustrator.html

111 B

1. Introdução ao SVG/7. Onde baixar.mp4

3.9 MB

1. Introdução ao SVG/7.1 Shutterstock.html

89 B

1. Introdução ao SVG/7.2 Iconic.html

83 B

1. Introdução ao SVG/7.3 Flaticon.html

85 B

1. Introdução ao SVG/7.4 Vecteezy.html

84 B

1. Introdução ao SVG/7.5 Iconmonstr.html

83 B

1. Introdução ao SVG/7.6 Lista na Awesome SVG com mais links.html

133 B

1. Introdução ao SVG/7.7 Icomoon.html

79 B

1. Introdução ao SVG/7.8 Material Design Icons.html

108 B

1. Introdução ao SVG/7.9 SVG Cuts.html

101 B

2. Como usar e suas vantagensdesvantagens/1. Como imagem.mp4

10 MB

2. Como usar e suas vantagensdesvantagens/1.1 Código Feito.html

149 B

2. Como usar e suas vantagensdesvantagens/1.2 Exemplo Online.html

132 B

2. Como usar e suas vantagensdesvantagens/2. Como background-image.mp4

8.3 MB

2. Como usar e suas vantagensdesvantagens/2.1 Código Feito.html

153 B

2. Como usar e suas vantagensdesvantagens/2.2 Exemplo Online.html

136 B

2. Como usar e suas vantagensdesvantagens/3. Via iframeobjectembed.mp4

7.0 MB

2. Como usar e suas vantagensdesvantagens/3.1 Código feito.html

149 B

2. Como usar e suas vantagensdesvantagens/3.2 Exemplo Online.html

132 B

2. Como usar e suas vantagensdesvantagens/4. Como Data URIs.mp4

15 MB

2. Como usar e suas vantagensdesvantagens/4.1 Código feito.html

151 B

2. Como usar e suas vantagensdesvantagens/4.2 Exemplo Online.html

134 B

2. Como usar e suas vantagensdesvantagens/5. Como inline.mp4

17 MB

2. Como usar e suas vantagensdesvantagens/5.1 Código feito.html

144 B

2. Como usar e suas vantagensdesvantagens/5.2 Exemplo Online.html

127 B

3. A estrutura do SVG/1. Plano Cartesiano.mp4

5.8 MB

3. A estrutura do SVG/2. ViewBox e Viewport.mp4

19 MB

3. A estrutura do SVG/2.1 Código feito.html

154 B

3. A estrutura do SVG/2.2 Exemplo Online.html

137 B

3. A estrutura do SVG/3. preserveAspectRatio.mp4

15 MB

3. A estrutura do SVG/3.1 Exemplo Online.html

140 B

3. A estrutura do SVG/3.2 Código feito.html

157 B

3. A estrutura do SVG/4. Formas Básicas.mp4

33 MB

3. A estrutura do SVG/4.1 Exemplo Online.html

117 B

3. A estrutura do SVG/4.2 Código feito.html

144 B

3. A estrutura do SVG/5. O elemento Path.mp4

19 MB

3. A estrutura do SVG/5.1 Código feito.html

144 B

3. A estrutura do SVG/5.2 Exemplo Online.html

117 B

3. A estrutura do SVG/6. Elementos Containers.mp4

22 MB

3. A estrutura do SVG/6.1 Exemplo Online.html

123 B

3. A estrutura do SVG/6.2 Código feito.html

150 B

4. Estilizando o SVG/1. Métodos para estilizar pt1.mp4

13 MB

4. Estilizando o SVG/1.1 Link da W3C com a lista de propriedades do SVG 1.1.html

99 B

4. Estilizando o SVG/2. Métodos para estilizar pt2.mp4

23 MB

4. Estilizando o SVG/2.1 Código feito.html

149 B

4. Estilizando o SVG/2.2 Exemplo Online.html

122 B

4. Estilizando o SVG/3. Peso das propriedades.mp4

10 MB

4. Estilizando o SVG/3.1 Exemplo Online.html

144 B

4. Estilizando o SVG/3.2 Código feito.html

161 B

4. Estilizando o SVG/4. Fill e Stroke.mp4

20 MB

4. Estilizando o SVG/4.1 Exemplo Online.html

138 B

4. Estilizando o SVG/4.2 Código feito.html

155 B

4. Estilizando o SVG/5. Colorindo ícones com mais de uma cor.mp4

25 MB

4. Estilizando o SVG/5.1 Exemplo Online.html

140 B

4. Estilizando o SVG/5.2 Flat Color Icons.html

103 B

4. Estilizando o SVG/5.3 Código feito.html

157 B

1. Introdução ao SVG/1. Introdução.mp4

8.9 MB

5. Projeto #1 - Construindo um SVG responsivo e adaptativo/1.1 Logo do Starbucks em SVG.html

159 B

5. Projeto #1 - Construindo um SVG responsivo e adaptativo/1.2 Código feito.html

149 B

5. Projeto #1 - Construindo um SVG responsivo e adaptativo/1.3 Exemplo Online.html

132 B

5. Projeto #1 - Construindo um SVG responsivo e adaptativo/2. Tornando o SVG Responsivo e Adaptativo.mp4

38 MB

5. Projeto #1 - Construindo um SVG responsivo e adaptativo/2.1 Material para logo da Disney.html

141 B

6. Sistemas de Ícones em SVG/1. Fixando o uso de ícones com Symbol.mp4

35 MB

6. Sistemas de Ícones em SVG/1.1 Código feito.html

140 B

6. Sistemas de Ícones em SVG/1.2 Exemplo Online.html

113 B

6. Sistemas de Ícones em SVG/2. Usando o Icomoon.mp4

24 MB

6. Sistemas de Ícones em SVG/2.1 Código gerado pelo Icomoon.html

134 B

6. Sistemas de Ícones em SVG/2.2 Exemplo com Symbol Interno.html

127 B

6. Sistemas de Ícones em SVG/2.3 Exemplo com Symbol Externo.html

140 B

7. Projeto #2 - Criando um boilerplate em Gulp para gerar sprites/1. Criando nosso boilerplate.mp4

56 MB

7. Projeto #2 - Criando um boilerplate em Gulp para gerar sprites/1.1 Exemplo Online.html

150 B

7. Projeto #2 - Criando um boilerplate em Gulp para gerar sprites/1.2 Código feito.html

141 B

8. Projeto #3 - Criando um loader com SVG e CSS Animations/1. Editando e preparando o visual do nosso loader.mp4

16 MB

8. Projeto #3 - Criando um loader com SVG e CSS Animations/1.1 Exemplo Online.html

113 B

8. Projeto #3 - Criando um loader com SVG e CSS Animations/1.2 Código Online.html

129 B

8. Projeto #3 - Criando um loader com SVG e CSS Animations/2. Usando Keyframes para animar.mp4

31 MB

8. Projeto #3 - Criando um loader com SVG e CSS Animations/2.1 Código feito.html

129 B

8. Projeto #3 - Criando um loader com SVG e CSS Animations/2.2 Tutorial sobre Keyframes pela MDN.html

120 B

8. Projeto #3 - Criando um loader com SVG e CSS Animations/2.3 Exemplo Online.html

113 B

9. Animações SVG com SMIL/1. Entendendo o que é SMIL.mp4

6.4 MB

9. Animações SVG com SMIL/2. Criando uma animação simples.mp4

14 MB

9. Animações SVG com SMIL/2.1 Código feito.html

145 B

9. Animações SVG com SMIL/2.2 Exemplo Online.html

118 B

9. Animações SVG com SMIL/3. Famoso Morph Path.mp4

12 MB

9. Animações SVG com SMIL/3.1 Código feito.html

145 B

9. Animações SVG com SMIL/3.2 Exemplo Online.html

129 B

9. Animações SVG com SMIL/4. Especificando um caminho para a animação.mp4

7.8 MB

9. Animações SVG com SMIL/4.1 Exemplo Online.html

129 B

9. Animações SVG com SMIL/4.2 Código feito.html

146 B

10. Manipulando SVG com JS/1. Utilizando JS para estilizar e criar novos elementos.mp4

27 MB

10. Manipulando SVG com JS/1.1 Exemplo Online.html

105 B

10. Manipulando SVG com JS/1.2 Código feito.html

132 B

10. Manipulando SVG com JS/2. Algumas bibliotecas aconselhadas.mp4

12 MB

10. Manipulando SVG com JS/2.1 Mais Bibliotecas - Awesome SVG.html

137 B

10. Manipulando SVG com JS/2.2 D3.js.html

78 B

10. Manipulando SVG com JS/2.3 Greensock.html

82 B

10. Manipulando SVG com JS/2.4 Snap SVG.html

79 B

10. Manipulando SVG com JS/2.5 Bonsai.js.html

81 B

11. Criando animações com as propriedades de Stroke/1. Criando um loader animado usando propriedades do stroke.mp4

30 MB

11. Criando animações com as propriedades de Stroke/1.1 Código feito.html

138 B

11. Criando animações com as propriedades de Stroke/1.2 Exemplo Online.html

121 B

11. Criando animações com as propriedades de Stroke/2. Fazendo o efeito de desenhar.mp4

16 MB

11. Criando animações com as propriedades de Stroke/2.1 Código feito.html

136 B

11. Criando animações com as propriedades de Stroke/2.2 Exemplo Online.html

119 B

11. Criando animações com as propriedades de Stroke/3. Usando o scroll para controlar o desenho.mp4

50 MB

11. Criando animações com as propriedades de Stroke/3.1 Exemplo Online.html

126 B

11. Criando animações com as propriedades de Stroke/3.2 Código feito.html

143 B

12. Filtros SVG/1. Alguns tipos de filtros.mp4

16 MB

12. Filtros SVG/1.1 Link Oficial sobre filtros da W3C.html

99 B

12. Filtros SVG/2. Criando uma animação com filtros.mp4

42 MB

12. Filtros SVG/2.1 Exemplo Online.html

110 B

12. Filtros SVG/2.2 Código Feito.html

137 B

13. Acessibilidade no SVG/1. Dicas e informações para deixar tudo mais acessivel.mp4

14 MB

13. Acessibilidade no SVG/1.1 Links sobre Acessibilidade.html

141 B

14. Performance/1. Criando e Exportando com Illustrator.mp4

16 MB

14. Performance/1.1 Mais dicas de como exportar.html

123 B

14. Performance/2. Usando ferramentas para otimizar.mp4

16 MB

14. Performance/2.1 Spritesh - CLI para criar sprites.html

99 B

14. Performance/2.2 Grunt SVGO.html

105 B

14. Performance/2.3 CLI do SVGO.html

88 B

14. Performance/2.4 Gulp SVGO.html

100 B

14. Performance/2.5 Site do SVGOMG.html

99 B

15. Busque Conhecimento e Agradecimentos/1. Projeto Awesome-SVG, outros e agradecimentos.mp4

11 MB

15. Busque Conhecimento e Agradecimentos/1.1 Meu Blog.html

89 B

15. Busque Conhecimento e Agradecimentos/1.2 Site do CSS-Tricks.html

84 B

15. Busque Conhecimento e Agradecimentos/1.3 Awesome SVG.html

105 B

15. Busque Conhecimento e Agradecimentos/1.4 Blog da Sara Soueidan.html

86 B

15. Busque Conhecimento e Agradecimentos/1.5 Site do Codrops.html

89 B