Gráficos vectoriales SVG: ilustrar y animar con código

Estilos en SVG

Un curso de Javier Usobiaga Ferrer , Diseñador web

Aprende a trabajar con ilustraciones vectoriales en tus páginas web, de la línea a la animación interactiva

98% valoraciones positivas (266)

8.747 estudiantes

Audio: Español

, ,

Sobre la videolección: Estilos en SVG

Resumen

“El código SVG puede recibir estilos a través de los atributos o a través de CSS. En esta lección vamos a ver cómo utilizarlos en cada caso, y qué nuevas propiedades de CSS podemos emplear con las etiquetas SVG.”

En esta videolección, Javier Usobiaga Ferrer aborda el tema: Estilos en SVG, que forma parte del curso online de Domestika: Gráficos vectoriales SVG: ilustrar y animar con código. Aprende a trabajar con ilustraciones vectoriales en tus páginas web, de la línea a la animación interactiva.

Transcripción parcial del vídeo

“[Instrumental] En el Super-G podemos aplicar estilos a través de atributos, pero también lo podemos hacer a través de CCS, vamos a ver cómo funciona. Hemos visto que la propiedad Fill sirve para indicar el relleno, de un elemento SVG, de la misma manera que sirve backgrounf color, en los elementos HTML. Ahora vamos a ver nuevas propiedades, como por ejemplo... Stroke que indica el borde de un elemento SVG o por así decirlo, el trazado. Stroke. Concretamente indicaría el color de éste borde, y stroke width, indicaría la anchura de éste borde. Volvemos al editor de código, y éste rectángulo q...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Gráficos vectoriales SVG: ilustrar y animar con código

Nivel: Iniciación
98% valoraciones positivas (266)
8747 estudiantes
7 unidades didácticas
32 lecciones (2h 2m)
6 recursos adicionales

Categoría
Diseño Web y App
Software
Adobe Illustrator, Sketch
Áreas
Animación, Desarrollo Web, Diseño interactivo, Diseño Web

Javier Usobiaga Ferrer

Un curso de Javier Usobiaga Ferrer

Profesor Plus

Diseñador web

Javier Usobiaga es Diseñador Web desde hace 10 años y cofundador junto a Marta Armada del estudio Swwweet, especializado en diseñar webs responsive desde la concepción inicial hasta el desarrollo front-end.

También disfruta mucho en su faceta como profesor de Diseño Web en workshops y escuelas de renombre como Elisava, IDEP.

Usobiaga entiende la web en su globalidad, no solo lo bonita que puede quedar en la pantalla del ordenador, sino su usabilidad en diferentes dispositivos y circunstancias.

En sus palabras “creo que tan importante como lo estética es lo rápido que cargue o lo bien que responda, y me parece que en nuestra industria nos olvidamos a menudo de eso”.