Me llamo Jorge, nací en la ventosa, calurosa y fría margen izquierda de Zaragoza. Estudié diseño gráfico en Zaragoza. Actualmente trabajo como front/designer desarrollando proyectos en Zaragoza.

En mi blog escribo continuamente. 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. Aquí puedes ver unos cúantos.

Proyectos · Open Source

Bislai

En esta serie de datos y gráficas vamos a ver como gestionan los diferentes partidos los 328893 votos de los zaragozanos que decidieron ejercer su derecho a voto en las elecciones municipales que se celebraron el 2 de junio de 2015 en Zaragoza. Las decisiones que se toman en el pleno afectan a los 666058 habitantes de Zaragoza.

BISLAI GITHUB

SCALABLE

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). También puedes consultarlo en formato web desde aquí.

    CAPÍTULOS

  • Introducción
  • Exportar y añadir SVG
  • Etiqueta principal
  • Las formas básicas
  • Texto
  • Transformación
  • Filtros
  • Degragados
  • Patterns, masks, cli-path y symbol
  • Image
  • DRY con group, defs y use
  • Optimizar SVG
  • WAI-ARIA en SVG
  • CSS en SVG
  • Herramientas
  • Bibliografía
DESCARGAR GITHUB

Astral

Astral es un franken-work basado en Atomic CSS. Astral se construye con postCSS, incluyendo custom properties, custom selectors y nested para indentar los estados. La nomenclatura que he utilizado para construir Astral se basa en emmet. Las clases siempre van nombradas primero con la propiedad margin y esta separada con un guión del valor top right bottom left. Todos los módulos tienen su version responsive. Astral parte desde mobile-first hasta ir subiendo a través de tres breakpoints que atraviesan el móvil, tablet y llegan al desktop. GITHUB

Charlas

postCSS Revolution

Charla que di en el Congreso Web 2016 en Zaragoza.

SLIDES GITHUB

SVG, vectorizando la web

Charla que di en la WordCamp2016 en Santander.

SLIDES

Sublime Text te facilita la vida

Charla que di en el Congreso Web 2016 en Zaragoza.

SLIDES

SVG - WeCodeSing.

Podcast sobre desarrollo web en castellano.

PODCAST

SVG en la web

Taller sobre SVG que impartí en EscuelaiT.

CURSO

Fildrop

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 GITHUB

SVG SNIPPETS

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.