Protip: box-shadow en lugar de gradientes CSS en la propiedad background
(15.9.16) Vía Twitter y de la mano, o cuenta, de Yoksel me enteré hoy mismo de esta alternativa a los gradientes de CSS usados en los fondos o la...
Mostrando entradas con la etiqueta svg. Mostrar todas las entradas
Filtros CSS para todos: La propiedad filter con keywords y sus filtros SVG equivalentes
(21.4.16) La especificación Css que desarrolla los conocidos como filtros Css es el documento Filter Effects Module Level 1 . Sobre el mismo ya hay v...
Manejo de elementos SVG textuales y su propiedades y atributos
(4.1.16) De entrada una obviedad: el aspecto tipográfico y su control es básico. O lo controlas o tu web nacerá muerta. De seguido otra obvieda...
La declaración css D: PATH() control del svg PATH y su attr D
(16.12.15) Llegan buenas noticias en lo concerniente al manejo de los SVG´s desde CSS y los chicos de Blink (ya sabes, el motor tras Chrome ). Pa...
SVG apuntes para comenzar: el viewport y el viewBox
(27.11.15) De entrada, SVG no es un dibujito de rayas que puedes estirar o encoger a voluntad. SVG es toda una especificación web, con estatus de ...
3º grado y un café SVG: @jorgeATGU frente a @elrumordelaluz
(3.11.15) Si hay dos nombres que inmediatamente me vienen a la cabeza al pensar en SVG en español y a quienes recurro cuando me enfrento a cualquier...
Inline SVG vs Icon Fonts [comparativa]
(21.10.15) Si estás desarrollando un sistema de iconos para un sitio tienes varias opciones. Si sabes que los iconos van a mostrarse como imágene...
motion-path: animaciones CSS de elementos Html a lo largo de un path SVG
(17.10.15) El documento del W3c "Motion Path Module Level 1" (Abril de 2015) nace para, y cito textualmente,: permitir a los autores a...
SVG Guía de inicio. Creación, uso y manejo de imágenes svg en la web
(10.9.15) El uso en las páginas webs de SVG´s o gráficos vectoriales escalables ( Scala...
Bordes vistosos y originales: clásicas cenefas griegas con SVG y marcos retros con CSS Blend Modes
(25.8.15) Uno de mis blogs favoritos desde hace mucho ha sido el finado demosthenes.info de Dudley Storey aka @dudleystorey . Pero su desapari...
Propiedad Css Clip-path y cómo animarla. Adiós a los ángulos a 90º y cajas rectangulares en la web
(1.6.15) La web y más concretamente la presentación visual del documento Html, encomienda de Css, ha sido víctima de 2 tiranos: El orden de apar...
Revirado de imágenes por cada canal de color con el filtro SVG feComponentTransfer
(26.5.15) Este artículo está dedicado a otro de los filtros SVG "clásicos" o primitive filters que llama la especificación. En concreto a...
Yes, we fun! with SVG & Css
(18.5.15) Después del artículo previo a éste, El filtro SVG feColorMatrix y su matriz , en el que lo dedicaba a explicar a fondo cómo construir su la ...
Animaciones nativas de SVG´s con SMIL por Jorge Aznar
(6.3.15) Artículo original de Jorge Aznar sobre las animaciones de los elementos de gráficos verctoriales escalables [SVG´s] con su lenguaje nat...
Cómo pongo la escarapela para personalizar sumarios por su etiqueta o label
(30.12.14) Desde hace unas fechas, en em índex y en los resultados de búsqueda del blog, resalto los artículos que contienen demostraciones o demos c...
SVG: Herramientas y programas de creación y limpieza
(8.8.14) Una pequeña recopilación de programas y herramientas para la creación de SVG´s y su posterior limpieza y optimización. Porque además de las...
El autor y su obra: Scalable, libro sobre SVG de @jorgeATGU
(1.8.14) SVG es el acrónimo de Scalable Vector Graphics, un formato para crear archivos vectoriales en dos dimensiones. En estos momentos SVG está...
Vademecum de todas las propiedades de estilos del SVG
(22.7.14) Relación de todas las propiedades Css que aplican a los SVG con enlace directo al punto de las especificaciones que desarrolla a cada una....
Evita los bugs en SVG animados con transform-origin en %
(2.6.14) En las lecturas que estoy haciendo estos días para conocer las relaciones entre Css y los SVG´s me he encontrado casi a la vez con dos ref...
Textos vivos: tipografía con texturas y rellenos de imagen
(8.2.13) Si estás cansado de mostrar tus textos con la limitación de la propiedad color y quieres investigar otras vías más creativas, vamos con tre...