Guías y tutoriales
Blog de diseño web, SVG, CSS y marketing digital
En este blog comparto guías prácticas de diseño web, SVG, CSS, motion graphics y marketing digital en español. Cada artículo está pensado para resolver problemas reales, ofrecer valor útil y ayudarte a crear mejor con recursos claros, originales y aplicables.
Se trata de contenido propio, pensado para aprender haciendo y para aportar criterio útil sin relleno ni contenido repetido. Aquí cada tutorial busca ser práctico, honesto y útil.
5 efectos de sonido de suspenso, gratis (WAV)
Cuerdas en tensión, oleaje oscuro y un boom de impacto para tráilers y shorts de terror.
GuíaCómo incrustar una escena de Spline sin iframe
Sirve tú el archivo .spline y carga solo el motor: sin marca de agua y sin depender de un enlace ajeno. Con el código completo.
GuíaCómo cambiar el color de un icono SVG: 3 métodos
Editarlo a mano, que herede el color del texto con currentColor o pintarlo desde el CSS como máscara. Con el código de cada uno.
Iconos50 iconos de ropa de hombre, en 2 variantes
Camisas, sudaderas, abrigos y accesorios en SVG y PNG, en variante clara y oscura para adaptarlos a cualquier fondo.
Iconos25 iconos de inteligencia artificial, en 3 estilos
Robots, redes neuronales y chatbots en SVG y PNG, en plano a color, contorno y sólido —los mismos 25 conceptos, tres estilos.
Escenas 3D8 escenas 3D de desarrollo web, descargables una por una
Velocidad, SEO, login, búsqueda, VPN, anuncios, historial y optimización: cada objeto en su propio archivo .spline.
5 escenas 3D animadas gratis para tu web, editables en Spline
Gráficas, contratación, megáfono, mapa y Halloween: escenas .spline listas para editar y publicar.
Iconos50 iconos de realidad virtual gratis en SVG y PNG
Visores, hologramas, sensores y realidad aumentada, con variante clara y oscura y nombres en español.
Iconos50 iconos de eventos virtuales gratis en SVG y PNG
Videollamadas, streaming y webinars, con variante clara y oscura y nombres en español.
Iconos50 iconos de hotelería gratis en SVG y PNG
Pack completo con variante clara y oscura, para hoteles, spas y apps de reservas.
Iconos50 iconos de cocina gratis en SVG y PNG
Pack completo con variante clara y oscura, más una guía para recolorearlos a tu marca.
GuíasTeoría del color para diseño web: guía práctica
Armonías, regla 60-30-10, escalas de tono y contraste WCAG explicados con criterio para interfaces reales.
GuíasCómo crear un favicon SVG (guía completa)
La guía completa: data URIs, modo oscuro, emoji y compatibilidad entre navegadores.
Sonido16 transiciones de sonido gratis para tus videos
Fuego, viento, magia y cibernética en WAV, listas para tus videos y reels.
Sonido13 efectos de sonido glitch gratis (WAV)
Sonidos WAV de interferencia digital para intros, cortes y transiciones.
MotionPlantillas de After Effects gratis y sin plugins
Instala, personaliza y exporta títulos y transiciones editables en minutos.
Lienzo en YouTube
Cada artículo nace de un video con recursos gratis
Suscríbete al canal para recibir packs de sonido, plantillas de After Effects y procesos creativos reales antes que nadie. También puedes explorar las herramientas gratuitas del sitio.