Scalable
¡Gratis!
Con membresía
$10.00
Precio sugerido

Scalable

Un libro sobre SVG

Sobre este libro

Historia

Desde que en 1996 Chris Lilley creo un documento con una serie de requisitos para la creación de un lenguaje vectorial SVG ha sido el patito feo de la web, marginado por usuarios ha visto como los navegadores no hacían ningún movimiento por implementar sus caracteristicas, a pesar de tener a todo y todos en su contra ha ido resistiendo el paso del tiempo gracias a un grupo de personas que siguieron trabajando concienzudamente en la especificación esperando una nueva nueva oportunidad, esta por fin ha llegado de la mano de HTML5.

Contenido

A lo largo del libro vamos a ver las posibilidades que nos brinda SVG para la creación de gráficos vectoriales, durante los quince capítulos que tiene el libro vamos a ver desde la creación de formas básicas, patrones y degradados hasta como aplicar los diferentes filtros a nuestros elementos, también vamos a optimizar nuestros archivos, los haremos accesibles y veremos las opciones que tenemos para añadirlos a nuestros proyectos web.

Mas de setenta ejemplos alojados en CodePen para que los puedas modificar como te de la gana.

Todos los ejemplos en un .zip para trastear con ellos en desde tu ordenador.

Un par de vídeos donde vamos a ver como se comporta SVG con dos herramientas para personas con discapacidad como VoiceOver y ChromeVox.

Para cualquier consulta puedes ponerte en contacto conmigo a través de twitter o en scalable[arroba]jorgeatgu.com

Sobre el autor

Jorge Aznar
Jorge Aznar

Trabajo como Front-End. Colaboro con los hangouts de #vectoresIO una iniciativa de desarrolloWeb. En mi web puedes ver diferentes trabajos, también lo que escribo en mi blog, también en GitHub los proyectos open-source que hago, y en CodePen puedes seguir mis experimentos con SVG + HTML5 * SMIL * CSS3.

Tabla de contenidos

  • Introducción
    • Un poco de historia
    • Soporte
    • Formato y ejemplos
  • Exportar y añadir SVG
    • Adobe Illustrator 17.1.0
    • Novedades Adobe Illustrator 19.2
    • Inkscape 0.48.2
    • Sketch 3.0.3
    • Añadir SVG al HTML
    • Soporte para IE8 y Android 2.3
    • Añadir SVG a WordPress con Plugin
    • Añadir SVG a WordPress sin Plugin
  • Etiqueta principal
    • Sistema de coordenadas y unidades de medida
    • viewBox
    • preserveAspectRatio
  • Las formas básicas
    • Fill
    • Stroke
    • Rect
    • Circle
    • Ellipse
    • Line
    • Polyline
    • Polygon
    • Path
  • Texto
    • Text
    • Tspan
    • textPath
  • Transformaciones
    • Translate
    • Rotate
    • Scale
    • SkewX
    • SkewY
    • Matrix
  • Filtros
    • feFlood
    • feTurbulence
    • feImage
    • feColorMatrix
    • feComponentTransfer
    • feConvolveMatrix
    • feGaussianBlur
    • feDisplacementMap
    • feMorphology
    • feOffset
    • Efectos de luz
    • feDistantLight
    • fePointLight
    • feSpotLight
    • feMerge
    • feBlend
    • feComposite
    • feTile
    • Fildrop
  • Degradados
    • linearGradient
    • radialGradient
    • spreadMethod
    • gradientTransform
  • Patterns, masks, clip-path y symbol
    • Patterns
    • Mask
    • Clip-Path
    • Symbol
  • Image
    • Links
  • DRY con group, defs y use
    • Group
    • Defs y use
    • Usando CSS para aplicar estilos
    • Sprites con SVG
    • Métodos para aplicar estilos CSS a SVG
    • Fragmentos identificadores
  • Optimizar SVG
    • SVG CLEANER
    • SVGO
    • SVGO en jorgeatgu.com
    • Optimizando SVG con Grunt
    • SVGO ONLINE
    • SVGO para Sketch
  • WAI-ARIA en SVG
    • SVG 1.1
    • SVG 2
    • Describler
  • Herramientas
    • SVG CROWBAR
    • Polynom
    • SVGSON
    • XVG
  • CSS en SVG
    • Métodos para aplicar estilos CSS a SVG
  • Bibliografia

Leanpub incondicional, sin riesgo, 100% de felicidad garantizada

Durante los primeros 60 días de compra, puedes obtener un reembolso del 100% de cualquier compra Leanpub, en dos clics. Procesamos las restituciones manualmente, así que puede tomarse unos días en aparecer. Véase términos completos.

80% de regalías. Gana $16 en un libro de $20.

Pagamos 80% de regalías. No es un error tipográfico: ganas $16 en una venta de $20. Si vendemos 5000 copias no reembolsadas de tu libro o curso por $20, ganarás $80,000.

(Sí, algunos autores ya han ganado mucho más que eso en Leanpub.)

De hecho, los autores han ganadomás de $12 millonesescribiendo, publicando y vendiendo en Leanpub.

Aprende más sobre cómo escribir en Leanpub

Actualizaciones gratis. Libre de DRM.

¡Si compras un libro Leanpub obtienes actualizaciones gratis siempre y cuando el autor actualice el libro! Varios autores usan Leanpub para publicar sus libros en progreso mientras los escriben. Todos los lectores obtienen actualizaciones gratis, independientemente de cuándo compraron el libro o cuánto pagaron (incluyendo si fue gratis).

La mayoría de los libros Leanpub se encuentran disponibles en PDF (para computadores) y EPUB (para teléfonos, tabletas, y Kindle). Los formatos que un libro incluye se muestran en la esquina superior derecha de esta página.

Finalmente, los libros Leanpub no tienen ninguna de las cosas sin sentido sobre protección de copia DRM, así que puedes leerlos fácilmente en cualquier dispositivo que se soporta.

Aprende más sobre los formatos de Leanpub y dónde puedes leerlos

Escribir y publicar en Leanpub

Los autores y editores usan Leanpub para publicar libros electrónicos sorprendentes en curso y completados, como éste. ¡También puedes utilizar Leanpub para escribir, publicar y vender tu libro! Leanpub es una potente plataforma para autores serios, que combina un flujo de trabajo de escritura y publicación simple y elegante con una tienda centrada en la venta de libros electrónicos en progreso. Leanpub es una máquina de escribir mágica para los autores: basta con escribir en texto plano, y para publicar tu libro electrónico, simplemente haz clic en un botón. Realmente es así de fácil.

Más información sobre cómo escribir en Leanpub