</> CodeBooks
    ← Volver a APIs web (página 1)
    Portada de Beginning SVG

    Beginning SVG

    Alex Libby

    Editorial
    Apress
    Año
    2018
    Páginas
    ~298
    Nivel
    Básico

    De qué trata

    Introducción práctica de Apress a SVG (Scalable Vector Graphics) escrita por Alex Libby, centrada en crear y manipular gráficos vectoriales directamente en el navegador para sitios y aplicaciones web. Usa básicamente un editor de texto, software gratuito y JavaScript, y está dirigida a desarrolladores web principiantes y equipos ágiles que conocen HTML, CSS y algo de JavaScript y quieren incorporar SVG con rapidez.

    El libro se divide en tres partes. La primera presenta el formato y las distintas formas de añadir contenido SVG a una página (en línea, como imagen, desde CSS). La segunda entra en detalle: trabajo con imágenes y texto, dimensionado y viewBox para que los gráficos se adapten a cualquier tamaño, creación de filtros, animación de contenido y optimización para reducir el código inflado que generan muchos editores gráficos. La tercera lo aplica a casos reales: construcción de gráficos de datos, desde simples gráficos circulares hasta infografías animadas, e incorporación de librerías JavaScript especializadas en SVG, para terminar con ideas para seguir avanzando.

    Es un libro orientado a ejemplos del mundo real, con pequeños ejercicios y demos en cada capítulo más que un gran proyecto único. Su punto fuerte es la visión de conjunto: muestra todo el ciclo, desde insertar un icono hasta optimizar y animar gráficos. Al ser introductorio, no profundiza en visualización de datos avanzada (para eso habría que pasar a D3.js) ni en herramientas de diseño como Illustrator o Inkscape más allá de lo necesario. Conviene tener soltura con CSS para aprovechar los capítulos de animación y estilos.

    • SVG
    • Gráficos vectoriales
    • viewBox y escalado
    • Filtros SVG
    • Animación
    • Optimización de SVG
    • Gráficos de datos
    • Librerías SVG
    • CSS
    • JavaScript

    ¿Cómo enseña?

    TeóricoPráctico

    Teoría + práctica

    • ✓ Incluye ejercicios
    • ✓ Incluye proyectos

    Proyectos

    Gráficos de datos e infografías en SVG

    Construcción de gráficos con SVG, CSS y JavaScript, desde gráficos circulares sencillos hasta infografías más complejas y gráficos animados.

    Más de APIs web con nivel Básico