ZaRQuN – Diseño Gráfico, Web y Programación Blog sobre diseño grafico en general y curiosidades

Elegir dos tipografías que encajen bien entre sí puede ser más complicado de lo que parece… y aquí es donde entra en juego fontpair.co. Esta web se ha convertido en una aliada imprescindible para diseñadores, desarrolladores y creativos que quieren acertar con la tipografía sin volverse locos probando combinaciones al azar.

En Fontpair.co encontrarás parejas de fuentes cuidadosamente seleccionadas, muchas de ellas pensadas para diseño web, con ejemplos claros de cómo funcionan juntas en titulares, textos y llamadas a la acción. Lo mejor es que la navegación es súper sencilla: entras, exploras y te inspiras en segundos.

Además, la plataforma apuesta por tipografías actuales, limpias y funcionales, ideales para proyectos modernos, landing pages, portfolios o cualquier diseño digital que necesite un toque profesional. Si buscas rapidez, inspiración y buen gusto tipográfico, Fontpair.co es de esas webs que merece estar en tus favoritos.

#fontpair #tipografias #fuentes #diseñografico #diseñoweb #typography #fontcombination #recursosgratis #inspiraciondiseño #webdesign

Si te gusta ensuciar un poco tus diseños con un look más artístico y menos “perfecto”, estos pinceles te van a encantar. Paint Strokes Hi-Res es un pequeño pero potente pack de 4 pinceles gratuitos para Adobe Photoshop que simulan trazos de pintura reales con una calidad brutal. Al ser hi-res, puedes usarlos tanto en proyectos digitales como en trabajos pensados para impresión sin miedo a perder detalle.

Son ideales para carteles, portadas, composiciones creativas, fondos con carácter o incluso para darle un toque más orgánico a tipografías y mockups. Lo mejor es que no necesitas configuraciones raras: los instalas, los pruebas y listo. Funcionan genial tanto para diseños rápidos como para proyectos más cuidados donde quieras destacar visualmente.

La descarga está disponible de forma gratuita en fbrushes.com, una web clásica llena de recursos para Photoshop que nunca falla cuando buscas pinceles con personalidad. Si eres diseñador, ilustrador o simplemente te gusta experimentar en Photoshop, este pack merece un hueco en tu colección.

Tags #
#Photoshop #PincelesPhotoshop #BrushesGratis #PaintStrokes #RecursosGratis #DiseñoGráfico #PhotoshopBrushes #Fbrushes

Si te gusta experimentar con el color y darle un toque actual a tus diseños, los 40 Free Duotone Gradient Presets for Adobe Photoshop te van a venir de lujo. Este pack gratuito incluye una colección de degradados duotono listos para aplicar en Photoshop con un solo clic, perfectos para transformar fotos planas en imágenes con mucha más personalidad. Los efectos duotono llevan tiempo siendo tendencia en branding, cartelería, redes sociales y diseño editorial, y con estos presets no necesitas perder tiempo ajustando colores o capas, simplemente eliges el preset y listo. Funcionan genial tanto en fotografías como en composiciones más artísticas, y son ideales si buscas un estilo moderno, vibrante y profesional sin complicarte la vida. Además, al ser gratuitos, son una opción perfecta para ampliar tu biblioteca de recursos sin gastar un euro, ya seas diseñador, creativo freelance o simplemente alguien que disfruta trasteando con Photoshop.

Descargar: https://blog.spoongraphics.co.uk/freebies/40-free-duotone-gradient-presets-adobe-photoshop

#Photoshop #Duotone #GradientPresets #FreeResources #GraphicDesign #DiseñoGráfico #RecursosGratis #AdobePhotoshop #Creatividad

Fontfabric es uno de esos sitios que todo diseñador debería tener en favoritos, y su sección de free fonts es prueba de ello. Aquí no hablamos de tipografías genéricas o mal acabadas, sino de fuentes gratuitas diseñadas por profesionales, cuidadas al detalle y listas para usarse tanto en proyectos personales como comerciales. Si trabajas en diseño gráfico, web, branding o incluso impresión, estas tipografías encajan perfectamente sin parecer “la típica fuente gratis”.

La colección incluye estilos modernos, display, sans serif y tipografías con mucha personalidad, ideales para logotipos, titulares, carteles o interfaces digitales. Además, la descarga es rápida y sencilla, y las licencias están pensadas para que puedas usarlas con tranquilidad en proyectos reales, algo que siempre se agradece cuando vas con prisas y no quieres líos legales.

En resumen, si buscas fuentes gratis de calidad profesional, las Free Fonts de Fontfabric son una opción más que recomendable. Un recurso fiable, bien diseñado y perfecto para darle un plus visual a cualquier proyecto creativo sin gastar un euro.

#freefonts #fontfabric #tipografiasgratis #fuentesgratis #diseñografico #webdesign #branding #recursosdiseño #tipografia

Remotion es un framework open source que convierte componentes de React en vídeos reales. Cada frame es código, así de simple.

En vez de usar timelines y keyframes, aquí trabajas con JavaScript, CSS y lógica. Si sabes React, ya sabes usar Remotion.

Es perfecto para:

• Vídeos dinámicos
• Contenido personalizado
• Automatización a escala
• Reels, anuncios y vídeos de datos

Renderizas en local o en la nube y sacas MP4, WebM o GIF sin tocar After Effects.

Código dentro, vídeo fuera.

#Remotion #React #JavaScript #VideoAutomation #Frontend #DevTools #ContenidoDigital

jQuery vuelve a escena con su versión 4.0, y lo hace con una idea clara: adaptarse al desarrollo web actual. Esta nueva versión elimina soporte para navegadores antiguos y limpia muchas APIs legacy, lo que se traduce en un código más ligero y fácil de mantener.

No pretende competir con frameworks como React o Vue, sino seguir siendo una solución rápida y práctica para proyectos sencillos, scripts puntuales o mantenimiento de webs existentes. Si tu proyecto es moderno, jQuery 4.0 encaja sin problemas.

En resumen, un lavado de cara necesario para un clásico que se resiste a desaparecer

jQuery #jQuery4 #JavaScript #DesarrolloWeb #Frontend #WebDev #Programación #LibreríasJS #CódigoLimpio

Si estás buscando una forma sencilla y elegante de presentar tus diseños, este Free Elegant Poster Mockup es justo lo que necesitas. Los pósters siguen siendo una de las mejores herramientas para branding, publicidad y promoción de eventos, especialmente en exteriores, y contar con un buen mockup marca la diferencia.

Este recurso, creado por graphicgoogle, está disponible en formato PSD e incluye Smart Objects, lo que significa que podrás insertar tu diseño en segundos y obtener un resultado profesional sin complicarte la vida. Perfecto tanto para diseñadores gráficos como para estudios creativos o marcas que quieran mostrar sus trabajos de forma atractiva.

El mockup tiene un estilo limpio y elegante, ideal para presentar información corporativa, campañas publicitarias o materiales promocionales. Además, puedes usarlo tanto en proyectos personales como comerciales, aunque es importante tener en cuenta que el autor solicita back-link obligatorio como condición de uso.

Si te gusta coleccionar buenos recursos de diseño y mockups bien hechos, este merece un sitio en tu biblioteca.
Recuerda visitar el enlace original para la descarga.

#PosterMockup #MockupPSD #FreeMockup #PosterDesign #BrandingDesign #Publicidad #RecursosGratis #DiseñoGráfico #SmartObjects #MockupsGratis

Es el error clásico: abres tu web en el móvil y notas que puedes deslizar la pantalla hacia la derecha, dejando un espacio en blanco innecesario. Este «bug» visual suele romper la experiencia de usuario y ocurre porque un elemento es más ancho que el contenedor padre.

El Culpable: El Modelo de Caja (Box Model)

La mayoría de las veces, esto sucede porque añadimos padding o borders a un elemento que ya tiene un width: 100%. Por defecto, CSS suma esos valores, haciendo que el elemento mida más del 100%.

La Solución Rápida: box-sizing

La forma más eficiente de evitar que esto ocurra de forma global es aplicar la propiedad box-sizing: border-box;. Esto obliga al navegador a incluir el padding y el borde dentro del ancho total del elemento.

Añade esto al inicio de tu CSS:

*, *::before, *::after {
  box-sizing: border-box;
}

El «Truco Pro» para encontrar al infractor

Si después de aplicar lo anterior el scroll lateral persiste, es que tienes un elemento hijo «rebelde» (como una imagen grande o un texto sin saltos). Usa este snippet temporalmente para localizarlo visualmente:

CSS

/* Esto dibujará un borde rojo alrededor de cada elemento de tu web */
* {
  outline: 1px solid red !important;
}

Al recargar, busca qué caja roja se sale de los límites de la pantalla. Una vez lo encuentres, asegúrate de que ese elemento tenga un max-width: 100%;.

Seamos claros: un buen diseño entra por los ojos, y si lo presentas con un mockup potente, todavía más. Aquí es donde entra en juego MockupWorld.co, una web que recopila los mejores mockups gratis que hay por Internet y los pone todos juntitos en un mismo sitio.

No alojan los archivos directamente, sino que hacen de curadores de contenido: seleccionan mockups de calidad y te llevan a la página original para descargarlos. Así de simple y así de útil.

Todo tipo de mockups para cualquier proyecto

Da igual si estás trabajando en un logo, una app, un branding completo o una presentación para un cliente. En MockupWorld encontrarás mockups para casi todo:

• Dispositivos (móviles, tablets, portátiles, pantallas…)
• Packaging y productos
• Posters, carteles y vallas publicitarias
• Papelería, revistas y libros
• Ropa y merchandising
• Comida, bebidas y branding gastronómico

La mayoría vienen en PSD con Smart Objects, así que cambias el diseño en dos clics y listo. Nada de complicarte la vida.

#MockupWorld #MockupsGratis #MockupsPSD #RecursosDiseño #DiseñoGráfico #MockupsFree #Branding #Diseñadores

Parece que fue ayer cuando encendíamos la consola y escuchábamos ese mítico “SEEEGAAA”, pero no: Sonic cumple 35 años y sigue corriendo a toda velocidad. El erizo azul de SEGA no solo fue la mascota de una compañía, fue el símbolo de una época y el rival directo de Mario durante la guerra de los 16 bits.

Desde su debut en 1991 en Mega Drive, Sonic llegó con una propuesta clara: velocidad, actitud y una estética muy diferente a lo que se veía en aquel momento. Sus escenarios llenos de color, loops imposibles y una banda sonora inolvidable hicieron que millones de jugadores se engancharan desde el primer nivel de Green Hill Zone.

A lo largo de estos 35 años, Sonic ha pasado por altibajos, etapas gloriosas y experimentos arriesgados. Juegos en 2D, en 3D, spin-offs, cómics, series de animación e incluso películas de éxito que han vuelto a poner al personaje en el centro del foco mediático. Y sí, algunas entregas no salieron como se esperaba, pero eso también forma parte de su historia.

Hoy, Sonic no es solo nostalgia. Es una marca viva que sigue conectando con nuevas generaciones gracias a títulos recientes, colaboraciones, eventos especiales y una comunidad de fans muy activa. Su aniversario número 35 es la excusa perfecta para recordar por qué Sonic es mucho más que un videojuego: es cultura pop, es velocidad pura y es parte de la infancia (y adultez) de muchos de nosotros.

Así que, ya seas fan desde los 90 o lo hayas descubierto hace poco, toca celebrar. Porque 35 años después, Sonic sigue sin frenar. 🚀

#Sonic35 #SonicTheHedgehog #SEGA #VideojuegosRetro #Gaming #CulturaGamer #AniversarioSonic #RetroGaming #ErizoAzul