Me llamo Jorge, nací en la ventosa, calurosa y fría margen izquierda de Zaragoza. Estudié Artes Gráficas en Zaragoza.

Actualmente trabajo como front desarrollando proyectos en Hiberus Internet.

En Twitter hablo de casi todo. En GitHub publico todo lo que hago.

En CodePen puedes ver mi experimentos. Y con Carto me divierto publicando mapas unidos a datos.

Con esta herramienta vamos a poder aplicar diferentes efectos de filtros que tenemos a nuestra disposición en SVG. Gracias al drag&drop podemos arrastrar archivos en formato SVG, PNG, GIF y JPEG y ver los efectos de los diferentes filtros. También puedes crear tus propios filtros y generar el código correspondiente.

FILDROP CODE

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.

DOWNLOAD GitHub

postCSS Revolution, charla que di en el Congreso Web 2016 en Zaragoza.

SLIDES CODE

SVG, Vectorizando la web, charla que di en WordCamp de WordPress en Santander.

SLIDES

Sublime Text te facilita la vida, que di en el Congreso Web 2016 en Zaragoza.

SLIDES

Taller sobre SVG que impartí en EscuelaiT.

Un vector para controlarlos a todos.

VIDEO

Animaciones SVG.

VIDEO

Animaciones SVG con CSS3.

VIDEO

Aplicando SVG al mundo del diseño y desarrollo.

VIDEO

Package para Sublime Text 2/3, recomendado cuando ya tenemos una base sobre SVG y todos los elementos que tenemos a nuestra disposición en SVG. Si escribimos SVG a mano con este package nos vamos a ahorrar bastante tiempo a la hora de escribir el código.

PACKAGE CONTROL GitHub

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.

GitHub