Diagrama en formato SVG con las transiciones entre diferentes modos del editor de texto Vim. Además, muchos de los nodos del gráfico cuentan con enlaces a la documentación correspondiente.

Un diseñador, un desarrollador, un gestor de redes sociales... incluso un usuario sin más, en ocasiones, necesita realizar tareas sencillas, pero no dispone de las herramientas necesarias. La web 10015.io pretende solucionar esta cuestión reuniendo en un único lugar todo tipo de utilidades, clasificadas en diversas categorías y con buscador para encontrar la más adecuada. 10015 Tools tiene el objetivo de conseguir lo anterior con, además, una interfaz de usuario limpia y bonita.

Adobe anunció, hace ahora 3 años, que su plataforma Adobe Flash tenía fecha de caducidad: el 31 de diciembre de este año. Hace unas semanas, ante la cercanía de la fecha límite, Adobe quiso dejar claro a las empresas más rezagadas que iban en serio, y que su tecnología ya no estaría disponible en 2021.

Se lanza la primera beta de la versión 1.0 de este programa de diseño y dibujo vectorial que viene cargado con un buen montón de novedades: portado a GTK3 (soporte para pantallas de alta densidad, mejoras en la entrada de dispositivos) , mejoras de rendimiento y usabilidad (como agrupado en las herramientas, mejoras en el canvas y en las herramientas), nuevas herramientas para el manejo de textos , nuevos modos de vista del documento (modo partido, modo de rayos x), soporte nativo e integración para Mac, nuevos filtros y efectos y mucho más.

Recopilación de demos con temática Star Wars realizadas en su mayor parte con CSS o SVG. Entre otros, recreaciones de la intro de apertura, sables laser, Stormtroopers, R2D2, BB-8 o alguna nave. Algunos pens cuentan con algo de Javascript para darles un plus de vistosidad o funcionamiento.

O "Manejo `responsive´ de texto con el elemento <text> de SVG". Las diapositivas o slides de la conferencia en "CSS Dev Conf 2015" de Brenna O'Brien sobre el manejo de textos en SVG (gráficos vectoriales escalables). Entre otras cuestiones trata aspectos sobre el elemento <text> y sus asociados: "Responsive texts"; textos curvos o cómo rellenarlos con un gradientes, imágenes o vídeo; su animación con 'animate', css y js... Incluye enlaces a las distintas demos.

Artículo de Chris Coyier publicado en css-tricks.com comparando ambos métodos: Si estás desarrollando un sistema de iconos para una web hay varias opciones. Si conoces que los iconos se van a mostrarse como imágenes de mapa de bits preferirás usar "sprites Css". Si los iconos serán imágenes vectoriales (mucho más comunes hoy día) tienes otras. Dos de estas son usar "inline SVG" e iconos tipográficos [icon fonts].

Bryce Harrington describe los inicios, el presente y el futuro de Inkscape, la aplicación para diseño vectorial libre que arrasa. Un par de citas: "Me preocupa a mí menos la posibilidad de que Adobe porte a Linux que a ellos la realidad de que Inkscape se haya portado ya a Windows y MacOS X" (comentando la posible "competencia" de CS de Adobe), "Antes que volver a Windows, decidí empezar desde cero y utilizar un formato mejor, es decir, abierto." (sobre porqué comenzó a trabajar en un editor de gráficos SVG).

Una nueva propuesta de cartel escalable en pdf listo para usar y en svg editable.

Las imágenes vectoriales prediseñadas son un excelente recurso del que podemos echar mano ya sea para acompañar cualquier texto, insertarlas en una presentación o utilizarlas como base para realizar nuevas imágenes. A continuación, vamos a ver cinco sitios web donde podemos descargar imágenes que están en dominio público o con licencias que permiten su uso y modificación con propósitos comerciales.

Epub3, el nuevo formato estándar para ebooks definido por el International Digital Publishing Forum, aspira a liderar una revolución en los contenidos transformando nuestra experiencia lectora más allá de las dos dimensiones. Permite textos y maquetaciones complejas así como elementos multimedia y actividades interactivas que permiten aprender y disfrutar de los contenidos de una manera más entretenida y eficaz que los libros de texto convencionales (Ver ejemplo1, ejemplo2 en videos anexo 1) .

SVG, del inglés Scalable Vector Graphic, es un formato de imágenes que, recomendado y avalado por la propia W3C, proporciona gráficos bidimensionales simples y ya es soportado por la mayoría de navegadores, entre ellosFirefox, Chrome u Opera.

Estupenda herramienta para comprobar la compatibilidad de Html5, Css3 y Svg en la mayoría de los navegadores más populares.

SVG - Edit es una aplicacion online que nos permite crear y editar archivos svg. Esta basada en la combinación de combinación de HTML5, CSS, JavaScript y SVG. Esta aplicación puede ser usada directamente online y puede descargarse y usarse en tu navegador de forma local, o inclusive puede descargarse un plugin existente para firefox. Como lo pueden ver en la imagen logre importar el logo de...

Los wireframes web son bocetos que se elaboran como fase previa para elaborar una propuesta de un diseño para un sitio web. En la practica son muy utiles para fomentar discución y el aporte de ideas sobre aspectos de usabilidad de un sitio web ya que se carece de elementos gráficos que distraigan las opiniones e ideas de los usuarios. Existen alternativas libres para la creación de wireframes,...

Este es un set de credenciales o ID para usuarios ubuntu, destinada para los LoCo Teams. Todos los diseños incluyen el nuevo branding de ubuntu y hay credenciales para los 4 sabores actuales ubuntu, kubuntu, xubuntu y el nuevo miembro lubuntu.

Pictoico.com es un proyecto muy completo de mas de 100 iconos en formato vectorial. La verdad es que la coleccion es muy completa, avarcando las principales necesidades de un diseñador y lo mejor de todo es que en su paquete de descarga tambien ofrecen una version en svg de los iconos, lo que significa que pueden ser trabajados y escalados a cualquier tamaño y color utilizando inkscape....

"Impresionante colección de mapas vectoriales para usar en nuestras aplicaciones web. Alternativas interesantes a Flash o Google Maps en formatos .ai (illustrator), .eps (PostScript Encapsulado) y SVG (Scalable Vector Graphics)." Vísto en www.anieto2k.com/2010/05/03/coleccion-de-mapas-vectoriales-para-nuestr

A nivel personal desconocía la capacidad que tenia inkscape para la creación de tipografias, pero gracias al tutorial de cleversomeday podemos descubrir este potencial. El tutorial explica como asignar cada figura a cada letra y luego como transfomar nuestro svg a un formato tipografico estandar como ttf. El único inconveniente es que se presenta en idioma ingles, pero los pasos son mostrados de...

La salida de la nueva versión de ubuntu ha sido sin duda una de las mas polémicas, nuevos colores, nuevos temas, posiciones de botones etc... Pero para liberar un poco las tensiones he elaborado este tutorial paso a paso de como diseñar el nuevo wallpaper de ubuntu lucyd 10.04 utilizando unicamente vectores de inkscape. En este tutorial se explotan 2 efectos básicos de inkscape como lo son el...

Cameron Adams desarrolla una serie de pruebas para comparar el rendimiento de Flash, HTML5, Canvas y SVG para que cual reproduce mejor la misma animación y por lo tanto que rendimientos son mejores. Si estabas pensando enterrar Flash para pasarte a HTML5, mejor mira estas pruebas y verás que por ahora Flash Player sigue muy vivo. [Versión Castellano: alejandroperez.es/flash-player-o-html5/]

SVG es un formato de gráficos vectorial (que a efectos prácticos significa que no se pixela), que está soportado por las versiones recientes de todos los sistemas operativos y navegadores web. Combinándolo con Javascript permite crear aplicaciones o animaciones que nada tienen que envidiarle a Flash, y no necesitan ningún tipo de plugin. En SVG Wow! se han recopilado demos de distintas funcionalidades desarrolladas usando SVG y Javascript. Cada demo puede verse en vídeo o en el mismo navegador, si está soportado.

[C&P]:"Tobias Scheneider ha desarrollado “Gordon“, una implementación en Javascript de un reproductor de Flash usando SVG para ello." Ejemplo: davididas.com/gordon/test1.html

"svg-edit, es un editor de gráficos desarrollado sobre nuestro navegador mediante Javascript que se encarga de usar SVG. El editor, que funciona en todos los navegadores modernos nos permite obtener un interfaz muy agradable y completo sobre cualquier navegador (incluido IE6+ con el plugin de Google Chrome)."