📢 Anuncios 📚 Libros 🎓 Cursos 🏷️ Categorías

Primeros pasos con los SVG de HTML5

30-11-2025 - Andrés Cruz

Primeros pasos con los SVG de HTML5

SVG Un SVG no es más que un XML que describe como dibujar gráficos vectoriales en dos dimensiones y con HTML se ha hecho posible dibujarlos; veremos cómo dibujar formas básicas SVGs a través del elemento svg, definir estilo y sus atributos, veamos como se usa y ejemplos, también veremos algunos de sus atributos para el color de los mismos, posición, tamaño y borde de los SVG.

Continuar leyendo


Primeros pasos con los SVG de HTML5: Creando un sencillo semáforo

29-05-2018 - Andrés Cruz

Primeros pasos con los SVG de HTML5: Creando un sencillo semáforo

SVG Daremos los primeros pasos con los SVG, veremos como crear un SVG en HTML, veremos como crear una imagen SVG como tal y también veremos algunos de sus atributos para el color de los mismos, posición, tamaño y borde de los SVG, además de crear un sencillo

Continuar leyendo


Animando los SVG con CSS: animando el logo de Android vectorizado

15-06-2015 - Andrés Cruz

Animando los SVG con CSS: animando el logo de Android vectorizado

SVG En esta entrada veremos cómo emplear las animaciones con los SVGs, específicamente emplearemos el logo de Android con el cual hemos trabajado desde entradas pasadas.

Continuar leyendo


El elemento symbol para los SVG en HTML

01-06-2015 - Andrés Cruz

El elemento symbol para los SVG en HTML

SVG En esta entrada veremos un elemento muy útil para trabajar con los SVG que es el elemento symbol; este elemento ahorra mucho trabajo y permite agrupar una serie de figuras básicas y pintarlos empleando el elemento use.

Continuar leyendo


Construyendo nuestro propio logo Android con SVG en HTML

21-05-2015 - Andrés Cruz

Construyendo nuestro propio logo Android con SVG en HTML

SVG En esta entrada abordaremos un tema un poco más práctico y veremos cómo construir nuestro propio logo de Android empleando lo hablado hasta el momento.

Continuar leyendo


Gradientes SVG en HTML

18-05-2015 - Andrés Cruz

Gradientes SVG en HTML

SVG En esta entrada veremos cómo definir y aplicar gradientes a cualquier SVG creado a partir de HTML; hay dos tipos de gradientes SVG que podemos emplear en nuestros diseños: lineal y radial.

Continuar leyendo


Dibujando nuestro propios SVG en HTML (parte 1)

11-05-2015 - Andrés Cruz

Dibujando nuestro propios SVG en HTML (parte 1)

SVG Un SVG no es más que un XML que describe como dibujar gráficos vectoriales en dos dimensiones y con HTML se ha hecho posible dibujarlos; en esta entrada veremos cómo dibujar formas básicas SVGs a través del elemento svg, definir estilo y sus atributos.

Continuar leyendo


¿Cómo agregar el efecto Blur en imágenes en múltiples navegadores?

05-06-2014 - Andrés Cruz

¿Cómo agregar el efecto Blur en imágenes en múltiples navegadores?

SVG ¿Cómo agregar el efecto Blur en imágenes en múltiples navegadores?

Continuar leyendo


El filtro Blur (desenfoque) en CSS y alguno de sus posibles usos

10-12-2025 - Andrés Cruz

El filtro Blur (desenfoque) en CSS y alguno de sus posibles usos

SVG Con solo CSS podemos crear efectos sobre nuestros elementos HTML bastantes complejos sin la necesidad de utilizar Photoshop o Gimp; en esta entrada veremos el uso básico del filtro blur o desenfoque y también veremos un ejemplo más completo para el listad

Continuar leyendo