front/designer · fendo

Me llamo Jorge.

Vivo en Zaragoza.

Estudié diseño gráfico.

Me gustan los mapas, los datos y las gráficas.

Me gusta escribir.

Open source || Side projects

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

FORNO

Una visualización de datos para ver como el cambio climático esta aumentando las temperaturas en Zaragoza.

A través de gráficas vamos a ver, y a consultar las temperaturas máximas y mínimas, las noches tropicales y las heladas que se han registrado en el Aeropuerto de Zaragoza entre los años 1951 y 2017.

WEB 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. 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. Todos los módulos tienen su version responsive. Astral parte desde mobile-first hasta el desktop. GITHUB

CHARLAS

05.05.2016

postCSS Revolution

SLIDES GITHUB
02.11.2016

SVG, vectorizando la web

SLIDES
05.05.2016

Sublime Text te facilita la vida

SLIDES
20.12.2016

SVG - WeCodeSing.

PODCAST
05.05.2016

SVG en la web

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.