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

Bento Grids: Por qué la Retícula Modular Japonesa Dominará el Diseño Web y Editorial este 2026

Seguro que te ha pasado: entras en la web de Apple para ver el último iPhone y, de repente, todo se siente… en su sitio. No es magia, es orden japonés aplicado a la pantalla. Estamos hablando de la tendencia Bento Grid, esa forma de organizar el contenido en rectángulos de distintos tamaños que encajan a la perfección, como si fuera una caja de almuerzo nipona perfectamente preparada. Aunque Apple la catapultó al estrellato en sus presentaciones de producto, el concepto viene de mucho más atrás, bebiendo directamente del minimalismo y de las retículas modulares del diseño gráfico suizo.

Lo increíble de este sistema es que resuelve el eterno drama del desorden visual. Al usar cajas de diferentes dimensiones, puedes gritarle al usuario (con elegancia, claro) qué es lo más importante. La caja grande se lleva el protagonismo, las pequeñas los detalles, y el ojo fluye sin esfuerzo de una a otra. Es una jerarquía visual intuitiva que no necesita manual de instrucciones. Además, si te preocupa el diseño responsive, el sistema Bento es tu mejor amigo: esas cajitas son como piezas de Tetris que se reordenan solas cuando pasas del monitor de tu escritorio a la pantalla de tu móvil, manteniendo siempre la armonía.

Si quieres empezar a jugar con esto, la clave es no complicarse la vida. Imagina un lienzo vacío y divídelo en una cuadrícula base de, por ejemplo, 4 columnas. A partir de ahí, empieza a fusionar celdas para crear contenedores de diferentes pesos. Pon tu imagen estrella en un bloque de 2×2, un texto explicativo en uno de 2×1 y los iconos de redes sociales en cuadraditos de 1×1. Mantén los bordes redondeados y un espaciado generoso (el famoso gap) para que el diseño respire. No se trata de llenar espacios, sino de agrupar ideas de forma que cada una tenga su propio «compartimento» sagrado. Es limpio, es moderno y, honestamente, es extremadamente satisfactorio de mirar.

Si después de leer esto te pica el gusanillo de empezar a abocetar pero no sabes por dónde tirar, tienes que visitar bentogrids.com. Es, sin duda, la biblia visual de esta tendencia. En esta web vas a encontrar una galería curada con los mejores ejemplos de cómo marcas y diseñadores top están aplicando el concepto. Lo mejor es que no se queda solo en capturas estáticas de diseño web; es una fuente brutal de inspiración para diseño editorial e incluso para animación. Verás cómo los bloques cobran vida con microinteracciones que hacen que la experiencia de usuario pase de ser «una simple cuadrícula» a algo casi orgánico. Si buscas ver cómo se mueven las cajas, cómo cambian de tamaño o cómo se iluminan al pasar el ratón, ese es tu sitio para perderte un buen rato y robar con orgullo las mejores ideas.

Tags: #BentoGrid #DiseñoWeb #UIUX #Tendencias2026 #AppleDesign #DiseñoGráfico #WebDesign

Si te interesa el mundo de los agentes de inteligencia artificial y quieres entender cómo funcionan realmente por dentro, esta información te va a encantar. Microsoft ha lanzado una nueva serie formativa en formato livestream titulada “Python + Agentes: Creando agentes y flujos de IA con Agent Framework”, y promete meterse de lleno en lo que de verdad importa cuando hablamos de AI agents modernos.

Ojo: el curso está impartido por Microsoft, nosotros solo compartimos la información para quienes quieran aprovechar la oportunidad.

Se trata de una serie de 6 livestreams en español, centrados en el tema de Agentes, donde durante dos semanas se exploran los conceptos base y los bloques prácticos que definen el comportamiento real de un agent construido en Python. No es solo teoría: es entender cómo piensan, cómo actúan y cómo se estructuran los flujos inteligentes sobre ellos.

La serie está pensada para cualquier persona que quiera comprender cómo funcionan los agents desde dentro. Aquí se habla de tool calling real, de cómo gestionan memoria y contexto, de cómo se construyen workflows por encima del agent y de cómo se conectan con herramientas externas.

Durante los directos aprenderás a registrar y estructurar tools correctamente, conectar servidores MCP locales, añadir contexto utilizando built-in providers, comparar distintas estrategias de memory y monitorear el comportamiento del agente usando OpenTelemetry. Además, se aborda algo clave en cualquier sistema de IA actual: cómo evaluar la seguridad y la calidad del output generado por el agent.

Todos los ejemplos se desarrollan en Python en vivo, y el código se comparte para que puedas ejecutarlo por tu cuenta. También puedes seguir paso a paso utilizando GitHub Models y GitHub Codespaces, lo que facilita muchísimo la práctica sin necesidad de montar entornos complejos desde cero.

Y si te quedas con dudas, después de cada stream puedes participar en office hours diarias dentro del Microsoft Foundry Discord, donde podrás hacer preguntas y profundizar en los temas tratados.

Si todavía estás empezando desde cero en el mundo de la IA generativa con Python, Microsoft recomienda comenzar primero con su serie “Python + AI” de 9 partes, donde cubren fundamentos como LLMs, modelos de embeddings, RAG, tool calling, MCP y mucho más.

En definitiva, es una oportunidad muy interesante para quienes quieren ir más allá del prompt y empezar a construir agentes reales, con estructura, memoria, herramientas y capacidad de integrarse en flujos de trabajo complejos. Si estás explorando el universo de los AI agents, esta serie puede marcar un antes y un después en tu curva de aprendizaje.

#Python #InteligenciaArtificial #AIAgents #MachineLearning #Microsoft #AgentFramework #GenerativeAI #Desarrollo #Programación #LLM #RAG #OpenTelemetry #TechEvents #Livestream

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

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

Si llevas tiempo leyéndome ya te habrás dado cuenta de una cosa: soy muy fan de los cómics. Especialmente de Marvel, no lo voy a negar. Pero hay excepciones que confirman la regla… y Batman es una de ellas. Da igual que sea DC, el Caballero Oscuro siempre ha tenido algo especial, y más aún cuando está en manos de artistas como Jorge Jiménez.

Con motivo del lanzamiento de ALL IN BATMAN 1, que sale a la venta el 12 de febrero, se ha organizado la BAT-GIRA de Jorge Jiménez, una serie de presentaciones y firmas por varias ciudades de España durante febrero y marzo. Una oportunidad brutal para conocer al dibujante, llevarte tu cómic firmado y charlar un rato sobre viñetas, tinta y capas negras 🦇.

Fechas de la BAT-GIRA

FEBRERO

• Viernes 13 – Madrid · Akira Cómics
• Sábado 14 – Madrid · Omega Center
• Viernes 20 – Barcelona · Norma Cómics y Universal Cómics
• Sábado 21 – Zaragoza · Mil Cómics y Taj Mahal Cómics
• Jueves 26 – Málaga · ComicStores del Soho
• Sábado 28 – Alcázar de San Juan · Librería Argos

MARZO

• Miércoles 4 – Sevilla · Nostromo Cómics
• Viernes 6 – Granada · Librería Picasso
• Sábado 7 – Granada · ComicStores

Los horarios están aún por confirmar.

Nos vemos en Málaga

Yo, personalmente, estaré por Málaga el día 26, así que si te pasas por ComicStores del Soho nos veremos por allí seguro. Será el momento perfecto no solo para hablar de Batman y DC, sino también de Marvel, diseño gráfico, ilustración o incluso programación (que ya sabes que al final siempre sale el tema 😄).

Si te gustan los cómics y disfrutas viendo cómo el arte y la narrativa se juntan en cada viñeta, esta gira es un planazo. Y si encima te llevas un Batman firmado por Jorge Jiménez, mejor que mejor.

#Batman #JorgeJiménez #ALLINBatman #DCComics #ComicGira #FirmasDeCómics #ComicStores #AkiraCómics #NormaCómics #CómicsEspaña #Diseño #Ilustración #MarvelVsDC #Málaga

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

Adobe ha dado un paso importante para acercar su herramienta de edición más conocida al navegador. Gracias a una reciente colaboración con Google Chrome, ahora es posible obtener 12 meses de acceso completo y gratuito a Photoshop Web simplemente instalando la extensión oficial en tu navegador.

El proceso es sencillo:

1. Ingresa a la Chrome Web Store y busca la extensión oficial “Adobe Photoshop”.
2. Descárgala e instálala como cualquier otra extensión.
3. Haz clic en la opción “Start Free Offer” para activar la promoción.
4. Crea una cuenta de Adobe o inicia sesión con una que ya tengas.

Una vez completado el registro, el acceso a Photoshop Web se habilitará automáticamente con todas sus funciones premium, sin costo durante un periodo de 12 meses.

Importante: Esta promoción está disponible solo hasta el 8 de diciembre de 2025, así que asegúrate de activar la extensión y completar el proceso antes de esa fecha para no perder el beneficio.

Si buscas una forma rápida, accesible y gratuita de trabajar con Photoshop directamente desde el navegador, esta es una oportunidad que definitivamente no deberías dejar pasar.

Tags:
#Adobe #PhotoshopWeb #Chrome #ExtensionesChrome #DiseñoGráfico #EdiciónDeFotos #OfertaGratis #Tecnología #Creatividad

Google Antigravity: el IDE de próxima generación impulsado por IA

En noviembre de 2025, Google presentó Antigravity, un entorno de desarrollo integrado (IDE) revolucionario que pone a los agentes de inteligencia artificial en el centro del proceso de codificación. Esta herramienta redefine cómo los desarrolladores interactúan con el código, gracias a su arquitectura “agent-first” que permite que varios agentes autónomos trabajen simultáneamente sobre el editor, la terminal y el navegador.

¿Qué hace especial a Antigravity?

1. Agentes autónomos y multi-superficie
   A diferencia de los asistentes de código tradicionales, los agentes de Antigravity no solo sugieren líneas: pueden planificar tareas complejas, escribir código, ejecutar comandos en la terminal e interactuar con el navegador para probar funciones.
2. Modelo IA avanzado
   Antigravity está potenciado por Gemini 3 Pro, el modelo más reciente de Google, y también admite otros modelos como Claude Sonnet 4.5 y GPT-OSS.
3. Artefactos para la verificación
   Cada agente genera “artefactos”: listas de tareas, planes de implementación, capturas de pantalla y grabaciones de navegador que documentan lo que han hecho. Esto permite a los usuarios verificar fácilmente el progreso y las intenciones del agente.
4. Retroalimentación intuitiva
   Los desarrolladores pueden dejar comentarios sobre los artefactos, ya sean textos o imágenes, de forma similar a cómo se editan documentos en Google Docs. Esa retroalimentación se incorpora al agente sin detener su ejecución.
5. Gestión de múltiples agentes
   Antigravity incluye una vista “Manager” —una especie de centro de mando— que permite orquestar múltiples agentes trabajando en paralelo en diferentes espacios de trabajo.
6. Aprendizaje continuo
   Los agentes no solo ejecutan tareas: aprenden de cada interacción, incorporando patrones de código, estrategias y comentarios en una base de conocimiento para mejorar con el tiempo.
7. Pruebas automáticas en navegador
   Gracias al control del navegador, un agente puede probar la interfaz web, verificar que los cambios funcionen correctamente y generar reportes visuales.
8. Gratuito (en vista previa)
   Antigravity está disponible de forma gratuita durante su fase de “public preview” para Windows, macOS y Linux, con límites de uso “generosos” para Gemini 3 Pro.

¿Por qué importa para los desarrolladores?

• Productividad: al delegar tareas complejas a agentes, los desarrolladores pueden dedicar más tiempo al diseño, la arquitectura y la innovación.
• Colaboración más fluida: con artefactos y feedback, la colaboración entre humanos y agentes es más transparente y efectiva.
• Confianza: los artefactos y la trazabilidad permiten verificar la acción de los agentes, lo que reduce la opacidad habitual de algunas IA.
• Escalabilidad: la capacidad de manejar múltiples agentes a la vez facilita proyectos grandes y complejos sin perder el control.
• Innovación en pruebas: la integración navegador-terminal-editor abre la puerta a ciclos de testeo más avanzados y automatizados.

Desafíos y críticas actuales

• Algunos usuarios reportan problemas de límite de uso: la cuota se refresca cada 5 horas, lo que puede resultar restrictivo para usuarios intensivos.
• Hay quienes mencionan bugs de interfaz, como zonas “no clicables” en la ventana de la aplicación.
• Se trata de una versión muy nueva, por lo que aún hay margen para pulir la experiencia y añadir más modelos o funciones.

¿Quién debería probar Antigravity?

• Desarrolladores que buscan automatizar flujos de trabajo complejos sin sacrificar control.
• Equipos o startups interesados en adoptar herramientas de IA de vanguardia.
• Personas curiosas sobre el futuro de los entornos de desarrollo colaborativos con IA.
• Educadores y entusiastas de la IA que quieren explorar cómo los agentes pueden cambiar la forma de programar.

Google Antigravity es más que un IDE: es una plataforma que materializa una visión ambiciosa del desarrollo asistido por IA, donde los agentes no solo ayudan, sino que actúan como verdaderos operadores autónomos. Su enfoque “agent-first”, la capacidad de generar artefactos verificables, y su integración con múltiples modelos de IA lo convierten en una de las apuestas más interesantes para el futuro del software. Si estás buscando explorar cómo la IA puede mejorar tu productividad o transformar tu forma de trabajar, Antigravity merece sin duda una oportunidad.

Tags:
#Google #Antigravity #IA #Desarrollo #Programación #IDE #Gemini3 #AgentesIA #Automatización #InnovaciónTech

Este pasado mes, Adobe ha dado un salto importante en su ecosistema creativo con nuevas mejoras que prometen revolucionar la forma en que diseñadores y artistas trabajan. Desde potentes actualizaciones en Photoshop hasta la integración de modelos de IA de última generación para su herramienta de Generative Fill, estas novedades no solo optimizan la productividad, sino que también amplían enormemente las posibilidades creativas. Hoy te contamos todo lo que necesitas saber sobre estas innovaciones y cómo pueden transformar tu flujo de trabajo.

Modelos de IA para Relleno Generativo

1. Firefly Image / Firefly Fill & Expand
   • Es el modelo “oficial” de Adobe.
   • Está pensado para resultados pulidos, seguros para su uso comercial, y muy versátil para distintos tipos de escenas.
   • Es más “neutral” o equilibrado en estilo.
2. Gemini 2.5 Flash Image — también conocido como “Nano Banana”
   • Es el modelo de Google integrado en Photoshop.
   • Está optimizado para edición rápida, creatividad imaginativa, transformaciones estilizadas y coherencia visual en personajes o escenas.
   • Es “premium”: usar este modelo en Generative Fill cuesta más créditos (10 créditos por generación, según Adobe)
   • Se le conoce como “Nano Banana” por su capacidad de producir resultados únicos y llamativos.
3. FLUX.1 Kontext [pro]
   • Modelo de Black Forest Labs.
   • Está diseñado para mantener una “precisión contextual y coherencia ambiental”: es decir, va muy bien cuando lo que importa es que el relleno generativo respete la iluminación, la perspectiva y el contexto físico de la escena.
   • Muy útil para escenas realistas o cuando necesitas que los elementos añadidos se integren de forma natural en el entorno.

Mi elección favorita es Gemini 2.5 (Nano Banana). Tiene un estilo muy distintivo: tiende a crear elementos “más imaginativos”, con carácter, no solo meramente realistas, lo que lo hace ideal para composiciones creativas.

Rinde muy bien con prompts en los que pides transformaciones visuales fuertes o cambios de escenario.

Permite mantener coherencia cuando repites personajes o elementos en distintas partes de la imagen, gracias a su “memoria visual” y su entrenamiento.

Aunque es más “costoso” en créditos, muchas veces esa inversión compensa porque la calidad y la creatividad del relleno merecen la pena.

Armonizar (“Harmonize”) mejorado

Una nueva función para ajustar automáticamente la iluminación, el color y las sombras, de forma que los objetos agregados encajen mejor en la escena.

Muy útil para componer imágenes con varios elementos generados por IA o añadidos manualmente.

Aumento de escala generativa (Generative Upscale)

Integración con tecnología de Topaz Labs para mejorar la nitidez y aumentar la resolución de imágenes sin perder calidad.

Perfecto para mejorar imágenes “pequeñas” generadas por IA o para preparar archivos finales de mayor tamaño.

Rendimiento más fluido

Los pinceles, los deslizadores y las transformaciones ahora responden casi instantáneamente.

Se ha optimizado la edición de textos, capas y modos de fusión para evitar retrasos.

Operaciones con archivos complejos (muchas capas) son más rápidas y fluidas.

Mejoras de accesibilidad

Se ha rediseñado parte de la interfaz: diálogos, barras de herramientas, paneles… todo es más legible.

Navegación por teclado mejorada y mayor contraste visual para facilitar el trabajo.

Modo “Silencioso”: minimiza notificaciones emergentes para reducir las distracciones.

¿Te imaginas un lugar donde se reúnen ~nerds~ apasionados de la tecnología, la ciencia de datos, la infraestructura, la inteligencia artificial y mucho más… totalmente gratis? Pues deja de imaginar: eso es lo que trae Nerdearla España 2025.

El evento tendrá lugar del 13 al 15 de noviembre de 2025 en Madrid, con un primer día 100 % online (el 13) y luego los días 14 y 15 presencialmente en el espacio La Nave, Calle Cifuentes 5 (entre Ángeles Ruiz Robles y C. Romeral) en Madrid. nerdearla.es

Lo mejor: es gratuito, sí, has leído bien. Totalmente, sin coste alguno. nerdearla.es

¿Qué vas a encontrar allí?

• Charlas, talleres, paneles de discusión sobre temas diversos: desarrollo, infra, seguridad, UX, soft-skills… la lista es larga. nerdearla.es
• Streaming para los que no pueden venir en persona (¡una opción comodísima!). nerdearla.es
• Networking real: codear, aprender, intercambiar ideas, inspirarte… y quién sabe, quizá hacer un colega nuevo en el mundo tech.

¿Quiénes participarán? Algunos de los ponentes destacados:

• Donald Knuth, nada más y nada menos que el autor de The Art of Computer Programming. nerdearla.es
• Håkon Wium Lie, creador de CSS y defensor de estándares web. nerdearla.es
  …y muchos más, tanto internacionales como locales.

¿Por qué vale la pena?

• Porque es una oportunidad brutal para actualizarte en tendencias (IA, datos, infra), sin pagar entrada.
• Porque puedes elegir asistir online o ir presencial y vivir el ambiente tech en vivo.
• Porque en Madrid, en un espacio especializado, te espera una mezcla de contenido serio y ambiente relajado donde los “nerds” somos el alma de la fiesta.
• Porque si estás en el mundillo tech, es un sitio perfecto para aprender y para “hacer algo distinto”.

Algunos tips para aprovecharla al máximo:

• Regístrate ya (suelen agotar plazas presenciales).
• Mira la agenda, elige 2-3 charlas/talleres que de verdad te llamen, y déjate espacio libre para explorar.
• Lleva tu portátil o algo para tomar apuntes.
• No solo escuches: habla, conecta, pregunta.
• Si vas presencial: llega a tiempo, haz pausas, charla con otros asistentes. Si vas online: asegúrate de tener buena conexión, quizá algún snack para no perderte nada.
• Diviértete: sí, es serio, pero también es una experiencia social.

Nerdearla2025 #TechGathering #MadridTech #OpenSource #AI #Desarrollo #Infraestructura #CienciaDeDatos #GeekLife #EventoGratis