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

Si alguna vez has tenido que implementar un sistema de subida de archivos en una web, sabes que puede convertirse en un pequeño dolor de cabeza. Formularios poco atractivos, cargas lentas o falta de compatibilidad… y ahí es donde FilePond entra en escena para salvar el día.

FilePond es una librería JavaScript pensada para crear experiencias de subida de archivos rápidas, modernas y muy fáciles de usar. Lo mejor de todo es que es ligera, flexible y extremadamente personalizable, lo que la hace perfecta tanto para proyectos pequeños como para aplicaciones más grandes.

Una de sus grandes ventajas es que funciona de forma asíncrona, permitiendo subir archivos sin recargar la página. Además, ofrece características que hoy en día casi damos por obligatorias: vista previa de imágenes, validación de archivos, límites de tamaño, reordenación mediante drag & drop y compatibilidad con múltiples frameworks como React, Vue, Angular o Svelte.

Otro punto fuerte de FilePond es su sistema de plugins. Gracias a ellos puedes añadir funciones como compresión de imágenes, recorte, conversión de formatos o incluso detección automática de archivos duplicados. Todo esto sin complicarte la vida y manteniendo el rendimiento de la web.

Y si te preocupa la integración con tu backend, FilePond también lo pone fácil. Funciona perfectamente con APIs REST, subida directa a servidores o incluso servicios en la nube. Básicamente, tú decides cómo y dónde se suben los archivos.

En resumen, FilePond no es solo un input para subir archivos, es una solución completa para mejorar la experiencia del usuario y darle un toque profesional a cualquier formulario.

#FilePond #JavaScript #Frontend #SubidaDeArchivos #WebDevelopment #UX #LibreríasJS #DiseñoWeb

Si eres de los que disfruta con la publicidad creativa, hoy arrancamos una nueva sección en el blog: ¡recuperando anuncios clásicos! Y para abrirla por todo lo alto, traemos un spot que dejó huella en 2011: “Si Yo Fuera Humano” de Campofrío.

Este anuncio no es cualquier cosa: está protagonizado por dos sapos aventureros que se plantean qué harían si fueran humanos mientras intentan cruzar la carretera. Sí, dos sapos con grandes sueños y mucho sentido del humor. La animación es impecable, cargada de detalles graciosos, y lo mejor de todo es que ningún animal sufrió durante su grabación.

Lo que hace especial a este spot es cómo combina creatividad, humor y un mensaje simpático que todavía nos hace sonreír más de una década después. Una joya de la publicidad española que merece ser recordada. Así que si todavía no lo has visto, ¡prepárate para reír y disfrutar con estos sapos con mucha personalidad!

#Campofrio #PublicidadEspañola #AnunciosClásicos #SiYoFueraHumano #Animación #Humor #Sapos #MarketingCreativo #SpotNavideño

Si estás buscando recursos creativos para darle un toque navideño a tus diseños, estás de suerte. Ya puedes descargar gratis el creador de fondos navideños 2019, un mockup en formato PSD ideal para crear tarjetas de Navidad, encabezados para webs, wallpapers, banners y mucho más.

Este archivo incluye más de 40 elementos navideños totalmente editables: adornos, ramas, decoraciones, ilustraciones y detalles festivos que puedes combinar como quieras. Todos los elementos vienen en capas separadas y perfectamente organizadas, lo que facilita muchísimo el trabajo: puedes redimensionar, rotar y mover cada objeto sin complicaciones, incluso si no eres un experto en Photoshop.

Lo mejor de todo es que este recurso ha sido creado por PhotoshopSupply, una web muy conocida por ofrecer mockups y recursos gráficos de alta calidad. Es una opción perfecta tanto para diseñadores profesionales como para quienes quieren crear algo bonito y rápido para estas fechas tan especiales.

Si quieres ahorrar tiempo y conseguir resultados atractivos en pocos minutos, este mockup navideño gratuito es una descarga imprescindible para tu biblioteca de recursos.

#Navidad #MockupPSD #RecursosGratis #DiseñoGráfico #FondosNavideños #Photoshop #ChristmasDesign #Freebies

Si alguna vez has necesitado datos del clima para una web, una app o simplemente para experimentar con proyectos personales, Open-Meteo puede convertirse en tu mejor aliado. Y lo mejor de todo: es gratis, rápida y sin necesidad de registro.

Open-Meteo es una plataforma de código abierto que ofrece datos meteorológicos basados en modelos numéricos de predicción del tiempo. En palabras simples: te da información confiable sobre el clima sin pedirte tarjetas, correos ni procesos complicados.

Uno de sus puntos más atractivos es la facilidad de uso. Solo necesitas hacer una petición a su API y listo. Puedes obtener datos como temperatura, lluvia, viento, humedad, nieve, radiación solar y mucho más. Todo esto con respuestas claras en formato JSON, perfectas para trabajar en cualquier lenguaje de programación.

Otro detalle que enamora a los desarrolladores es que no tiene límites estrictos de uso para proyectos normales. Esto la hace ideal para estudiantes, startups, proyectos personales o incluso aplicaciones en producción que no quieren depender de servicios de pago desde el inicio.

Además, Open-Meteo se apoya en modelos meteorológicos reconocidos a nivel mundial, como ECMWF o GFS, lo que garantiza datos bastante precisos. Y si te preocupa la transparencia, su enfoque open source permite entender de dónde viene la información y cómo se procesa.

En resumen, si buscas una API del clima que sea:

• Fácil de implementar
• Gratuita
• Sin registro
• Con datos confiables

Open-Meteo definitivamente merece un lugar en tu lista de herramientas favoritas.

#OpenMeteo #APIClima #DatosMeteorológicos #DesarrolloWeb #Programación #OpenSource #WeatherAPI #Tecnología

Bebas Neue: impacto en títulos y encabezados
Bebas Neue es una tipografía sans-serif condensada diseñada por Ryoichi Tsunekawa. Lanzada originalmente en 2010, se caracteriza por sus formas limpias, líneas rectas y gran presencia visual, lo que la convierte en una opción ideal para titulares, carteles y elementos que deben destacar en tu diseño.

Aunque la versión gratuita tradicional solo incluía mayúsculas, su diseño minimalista y fuerte ha hecho que sea una favorita en branding, diseño editorial y social media.

Manrope: versatilidad y legibilidad para el texto
Por otro lado, Manrope es una tipografía sans-serif geométrica moderna diseñada por Mikhail Sharanda. Presenta una estructura limpia con un equilibrio excelente entre forma y espacio, lo que facilita la lectura en tamaños pequeños y grandes.
Manrope destaca por su amplia familia de pesos (desde ExtraLight hasta ExtraBold) y por su estilo contemporáneo que encaja muy bien tanto en interfaces digitales como en textos largos.

Por qué funcionan bien juntas
La fuerza y presencia de Bebas Neue en los encabezados proporciona un contraste visual con la neutralidad y legibilidad de Manrope en textos corridos. Esta combinación permite una jerarquía clara y estética sin perder coherencia en el diseño general

#Tipografía #Fuentes #GoogleFont

Si alguna vez intentaste recortar cabello en Photoshop, sabes que puede ser una auténtica pesadilla 😅. Ahora imagina hacerlo en imágenes en blanco y negro… suena complicado, ¿no?
Por suerte, @Brothersinart774 nos trae un tutorial súper claro y práctico donde demuestra que no tiene por qué ser tan difícil.

En este tutorial, se explica paso a paso cómo enmascarar mechones de cabello de forma precisa usando las herramientas más actuales de Photoshop 2025. Lo mejor es que el enfoque es sencillo, sin procesos rebuscados ni técnicas imposibles de recordar.

El creador muestra cómo aprovechar los contrastes del blanco y negro para lograr selecciones mucho más limpias, ideales para retratos artísticos, retoque profesional o composiciones creativas. Es uno de esos tutoriales que ves y piensas: “¿por qué no lo aprendí antes?”.

Si trabajas con fotografía, diseño o simplemente te gusta experimentar en Photoshop, este contenido es oro puro. Rápido, directo y muy fácil de aplicar en proyectos reales.

#Photoshop2025 #MaskingHair #RetoqueFotográfico #DiseñoDigita l#BlancoYNegro #TutorialPhotoshop #EdiciónDeFotos #Brothersinart774

Hoy quiero compartir contigo una Photoshop Action gratuita creada por photoshopaction que me ha parecido muy interesante si te gusta experimentar con efectos artísticos: Free Pro Oil Painting by Photoshop Action.

Esta acción permite transformar fotos normales en imágenes con un realista efecto de pintura al óleo, ideal para fotógrafos, diseñadores y artistas digitales que buscan un acabado creativo sin invertir horas editando.

El funcionamiento es muy sencillo: instalas la action en Photoshop, ejecutas el proceso con un clic y el efecto se aplica automáticamente. Además, incluye más de 25 ajustes de color, lo que te da bastante libertad para personalizar el resultado final según el estilo que estés buscando.

Otro punto fuerte es que todas las capas quedan completamente editables y bien organizadas, lo cual es perfecto si quieres retocar detalles, intensificar colores o ajustar luces y sombras. La action viene acompañada de un archivo .ATN, documentación clara y un video tutorial paso a paso para facilitar su uso, incluso si no tienes mucha experiencia con acciones en Photoshop.

Descargar Free Pro Oil Painting by Photoshop Action

#PhotoshopAction #OilPaintingEffect #PhotoshopGratis #RecursosPhotoshop #EdiciónDeFotos #DiseñoGráfico #ArteDigita l#PhotoEditing #AccionesPhotoshop

Si eres de los que se enamoran de un estilo gráfico a primera vista, es muy probable que Arthur de Pins ya te haya atrapado en más de una ocasión. Este ilustrador francés lleva años moviéndose entre el humor, lo sexy y lo elegante con una soltura que parece casi insultante… de lo bien que lo hace.

Quienes ya pasaron por nuestro artículo sobre 100 artistas digitales que deberías conocer seguramente recuerdan su nombre. Y si no, no pasa nada: hoy te pongo al día porque su trabajo lo merece. En su cuenta de Instagram comparte ilustraciones tan pulidas que casi parecen vectoriales (porque muchas lo son), personajes llenos de actitud y composiciones que tienen ese “algo” que hace que te quedes mirando unos segundos más de lo previsto.

Arthur de Pins destaca por un control absoluto de la línea y el color. Sus personajes, especialmente femeninos, son expresivos, carismáticos y con un punto de picardía que se ha convertido en su sello personal. Además, su obra no se queda en internet: cómics, animación y campañas publicitarias han contado con su toque único. Vamos, que no es solo un artista de redes, sino un creador todoterreno.

Lo mejor de seguirlo es que cada publicación es como una mini clase de estilo: ilustración limpia, narrativa potente, un toque de humor y una estética que mezcla glamour con un punto gamberro. Perfecto para quienes buscan inspiración fresca con un acabado impecable.

Si todavía no lo conocías, este es el momento. Y si ya eras fan, pues aquí tienes otra excusa para revisitar su trabajo y dejar que te vuelva a enamorar.

#ArthurDePins #IlustraciónDigital #ArtistaFrancés #DiseñoGráfico #InspiraciónCreativa #VectorArt #Ilustración #ArteContemporáneo #ArtistasDigitales

KFC ha dado un paso gigante en publicidad con su mayor campaña internacional hasta ahora, y lo hace de la mano de Dragon Ball Z, la mítica serie de anime japonesa que marcó a varias generaciones desde la década de los noventa. La agencia PS21 es la responsable de esta ambiciosa colaboración, que no solo apunta a generar impacto global, sino también a conectar emocionalmente con los fans de la franquicia y con los seguidores de la marca de comida rápida.

UDEMY pone de forma gratuita este curso de TypeScript, donde aprenderás todo lo que necesitas saber para Dominar el Lenguaje.

Lo que aprenderás

• Aprenderás todo lo relacionado con JavaScript y TypeScript
• Aprenderás Fundamentos básicos de JavaScript
• Aprenderás a implementar Funciones en TypeScript
• Conocerás los tipos de variables que se pueden definir en TypeScript
• Conocerás los Objetos literales en TypeScript
• Aprenderás sobre la programación orientada a objetos (POO)
• Conocerás las interfaces y para que se utilizan en TypeScript
• Aprenderás a utilizar los NameSpace en Typescript