Enlaces interesantes de Snap SVG

  • Por
Una colección de enlaces destacables de la librería Snap, para trabajar con SVG desde Javascript, recuperados del hangout que emitimos sobre esta herramienta.
27/08/2014 -

El pasado martes 26 de agosto de 2014 emitimos un programa dedicado a Snap, la librería Javascript para SVG, por vídeo en directo por streaming en el que mostramos los primeros pasos con Snap y una serie de referencias interesantes para obtener más documentación.

Puedes ver el vídeo completo del #programadorIO sobre Snap SVG Comprobarás que la librería tiene muchas posibilidades, no solo para el mundo web, sino también para la programación de "WebApps" para dispositivos.

En estos momentos estamos preparando una serie de artículos para DesarrolloWeb.com en el que explicaremos la librería paso a paso, pero mientras tanto y a modo de adelanto os pasamos material para ir comenzando.

Puedes comenzar por conocer la librería Snap. Tienen un excelente "Getting started" para Snap que debes revisar. Como es un proyecto de código abierto puedes ver cómo está hecho en el repositorio del proyecto en Github.

Aquí encuentras los proyectos Open Source de Adobe Web Platform. En ese sitio conocerás el propio Snap, pero también otros proyectos que lidera Adobe con comunidades de Open Source como El editor Brackets o el popular Apache Cordova.

Si quieres ver algunas de las aplicaciones y ejemplos de uso de esta librería tienes un showcase de ejemplos en Codepen con esta colección. Echa un vistazo a este anuncio animado que han hecho sobre Snap, está interesante, aunque hay que recordar que la posibilidad de interacción es lo que realmente hace que usar Javascript sea especialmente. Por supuesto el propio sitio de Snap te muestra una serie de demos realizados con la librería

Otro ejemplo, que a la vez nos ofrece una idea de aplicación rápida es este proyecto de Iconos animados con Snap.SVG

En cuanto a aprendizaje os pasamos un recurso con un montón de tutoriales sobre Snap.SVG (inglés).

Hay un grupo en google forums donde se resuelven muchas dudas sobre SNAP y donde hay bastante información.

Además te pasamos la extensión de Brackets que ha hecho nuestro compañero Joan Leon @nucliweb para que desde el editor Brakets puedas consultar en línea la documentación de la librería Snap SVG.

Por último aquí está en Codepen el archivo de ejemplo que realicé para preparar el hangout de Span del pasado martes

La verdad es que como ejemplo le falta un poco más de trabajo para explotar la idea, creando más ventanas en los otros edificios o añadiendo más interacción con el usuario, pero nos deja entrever las posibilidades de Snap y SVG con muy poco código.

Espero que estas referencias te hayan resultado de utilidad. Feliz "cacharreo" con Snap! en breve os contamos más en DesarrolloWeb.com.