El formato SVG tiene muchas ventajas sobre otros formatos de imagen para la web. Está basado en vectores, es compacto e incluso se puede editar a través de editores de texto sin formato gracias a la sintaxis XML. Hay una razón por…
Los diseños receptivos son indispensables en el diseño web. Por un lado, hay pantallas cada vez más pequeñas en los teléfonos inteligentes y, por otro lado, está el aumento de tamaño de las pantallas de escritorio. Entre eso, hay phablets, tabletas, así…
SVG ve un amplio apoyo por parte de los navegadores recientes en estos días. Todavía mucha gente no navega por la web usando uno de estos navegadores modernos. Especialmente las versiones anteriores de Internet Explorer se utilizan en cantidades relevantes en todo…
Si te gusta diseñar para múltiples resoluciones, SVG es la mejor opción en lo que respecta al uso de gráficos. Estos pequeños archivos vectoriales se pueden escalar hacia arriba y hacia abajo a su gusto sin sacrificar la calidad. Y con las…
SVG es el nuevo estándar para imágenes vectoriales en el navegador. Los editores de vectores como Adobe Illustrator permiten guardar directamente en ese formato y los navegadores modernos no tienen problemas para mostrar SVG correctamente. Como los gráficos SVG consisten en marcado,…
El formato SVG ofrece varias opciones para realizar contenido gráfico complejo. Entre otras cosas, puede crear texturas y agregarlas a formas utilizando el elemento . Especialmente cuando se usan texturas simples y comunes, el esfuerzo de marcarlas a través de SVG es,…
Glyphter.com es uno de esos servicios que me atrapó de inmediato. Es fácil de usar, funciona absolutamente a la perfección, está muy bien diseñado y cumple todas sus promesas. Incluso es gratis. ¿Qué más podríamos desear? Siga leyendo y cree su propia…
Ya sabe que el formato SVG puede hacer mucho más que mostrar formas basadas en vectores. Hoy quiero mostrarles cómo se pueden crear efectos de texto con SVG. Los patrones, las máscaras y los trazados de recorte le permiten implementar una gran…
Puede usar CSS3 para agregar desenfoque, sombra, brillo o contraste a un elemento. En general, hay diez filtros disponibles. El formato SVG también conoce los efectos de filtro. Parcialmente, estas opciones se superponen, por ejemplo, cuando se trata de desenfoque. Sin embargo,…
Los números y las estadísticas suelen ser completamente secos y, a veces, no son realmente claros, sino que oscurecen aún más. Al visualizar datos con gráficos, puede atraer mucha más atención. La biblioteca de JavaScript Chartist.js de Zurich convierte tantas secuencias numéricas…
Adobe Illustrator, así como el Inkscape gratuito, pueden trabajar con SVG. Pueden editar y guardar gráficos vectoriales en este formato. Sin embargo, estas aplicaciones no son las únicas. La aplicación web Method Draw le permite dibujar gráficos vectoriales de forma similar a…
El formato SVG no solo es útil para la visualización de formas basadas en vectores. También puede colocar y editar la fuente en él. En contraste con el etiquetado semántico de fuentes en HTML, hay algunas cosas particulares que debe tener en…
