Jorge Aznar · front-end developer

[ PROYECTOS ]

SVG Filter Effects

Con esta herramienta vamos a poder aplicar diferentes efectos de filtros a través de los diferentes botones que tenemos disponibles. No están todos los efectos de filtros que tenemos a nuestra disposición en la especificación de SVG. Gracias al drag&drop podemos arrastrar archivos en formato SVG, PNG, GIF y JPEG. Una vez subido el archivo los efectos de filtro también se aplicarán sobre el mismo.

SCALABLE, un libro sobre SVG

A lo largo de 15 capítulos y más de 120 páginas vamos a ver todo lo que podemos hacer con SVG, crearemos gráficos vectoriales como las formas básicas(círculos, rectángulos, elipses, polígonos etc...) con ellos crearemos máscaras, símbolos y patrones, los rellenaremos con degradados, los reutilizaremos a lo largo del documento ahorrando código, tiempo y espacio.
Tu pones el precio, disponible desde 0$ para descargar desde LeanPub(PDF, ePUB y MOBI).

SVG Snippets Sublime Text 2/3

Package para Sublime Text 2/3, recomendado cuando ya tenemos una base sobre SVG y todos los elementos que tenemos a nuestra disposición con este formato gráfico. Si escribimos SVG desde cero nos vamos a ahorrar bastante tiempo a la hora de escribir todo el código de un SVG. Una pequeña demostración

SVG Keywords Icons

Pack de iconos en SVG con todos los colores admitidos a través de keywords en la especificación de SVG&CSS. Cada color tiene dos versiones, una con el interior en blanco y otra con el interior en negro. El tamaño de los iconos es de 32px. También hay una version de los iconos con los colores originales de cada logo. Cada color tiene tres versiones, que son circular, rectangular y rectangular con los bordes redondeados.

SVG SMIL Snippets Sublime Text 2/3

Al igual que el anterior package si ya conocemos todos los elementos de los que disponemos para animar con SMIL este package de snippets te va a ahorrar mucho tiempo. Larga vida a SMIL!!

Vimeo SMIL Snippets

Animaciones con SVG + SMIL

Colección de demos creadas con SVG + SMIL.