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

Ver esta publicación en Instagram

Una publicación compartida de Levi's (@levis)

A veces las mejores ideas nacen cuando aparece un problema inesperado. Y eso es exactamente lo que le ocurrió a Levi’s durante el Mundial.

Como la marca no forma parte de los patrocinadores oficiales de la FIFA, el organismo exigió que se ocultara el famoso logo de Levi’s en el Levi’s Stadium, uno de los estadios elegidos para albergar partidos del torneo. La intención era clara: evitar que una marca ajena a los patrocinadores consiguiera visibilidad gratuita durante uno de los eventos deportivos más vistos del planeta.

La solución fue cubrir el logo con una gran lona blanca. Pero aquí llegó el giro inesperado. La silueta resultante era tan reconocible que acabó llamando más la atención que el propio logo original. Todo el mundo sabía perfectamente qué marca estaba detrás de esa forma tapada.

Levi’s entendió rápidamente la oportunidad y decidió jugar con ella. En lugar de quejarse o intentar pasar desapercibida, llevó la broma a sus redes sociales, donde incluso sustituyó su foto de perfil por una versión del logo cubierto. Una respuesta simple, divertida y perfectamente alineada con la personalidad de la marca.

El resultado fue una lección de branding en toda regla. Cuando una identidad visual es realmente fuerte, no necesita mostrarse por completo para ser reconocida. Bastan unos pocos elementos para que el público conecte inmediatamente con ella.

Lo que comenzó como una restricción terminó convirtiéndose en una campaña viral sin necesidad de grandes presupuestos ni producciones complejas. Un ejemplo perfecto de cómo transformar un obstáculo en una oportunidad y demostrar que, en marketing, muchas veces la creatividad vale más que la visibilidad pagada.

#Levis #Branding #Marketing #Publicidad #DiseñoGráfico #Creatividad #SocialMedia #MarketingDigital #FIFA #Mundial #IdentidadVisual #Diseño #CampañasVirales #Logo #BrandDesign

Aquí hay que ser claros: no es que “Fable 5” sea una herramienta mágica nueva, sino más bien una forma de nombrar la evolución que está empujando Anthropic con Claude en el terreno creativo y generativo. Y lo interesante no es el nombre, es lo que cambia para diseñadores y devs.

Para diseño, la novedad más bestia es que dejamos de trabajar solo con pantallas estáticas. Ahora el contenido puede generarse en tiempo real según contexto, usuario o intención. Eso significa que el diseñador ya no está solo pensando en UI, sino en sistemas de comportamiento. Interfaces que no son fijas, sino que “responden”. UX más viva, más variable, menos predecible… y eso obliga a diseñar con reglas, no solo con layouts.

Otra cosa importante: el contenido deja de ser un “asset” cerrado. Antes diseñabas textos, estados, variantes… ahora diseñas estructuras que generan esos elementos. Es como pasar de dibujar cada frame a diseñar el motor que los crea.

En desarrollo, el cambio es igual o más profundo. Las APIs de IA no son solo una feature más, se convierten en parte del core lógico del producto. Empiezas a trabajar con prompts como configuración, estados conversacionales como máquinas de estado, y flujos que no están 100% definidos en el código clásico.

Esto tiene una parte brutal: velocidad. Puedes prototipar ideas complejas muchísimo más rápido. Interfaces, juegos narrativos, asistentes, SaaS dinámicos… cosas que antes requerían semanas de iteración ahora se testean en horas.

Pero también hay una parte menos sexy: control y consistencia. Si el sistema genera contenido, tú tienes que diseñar los límites. Qué puede hacer, qué no, cómo se comporta en edge cases, cómo mantienes coherencia. Eso es nuevo terreno para muchos devs: mezclar ingeniería con diseño de comportamiento.

Y lo más interesante de todo esto es el cambio mental: ya no diseñas pantallas o funciones aisladas. Diseñas sistemas vivos que producen experiencia.

#Claude #Anthropic #IA #DiseñoUX #UI #Programación #CreativeCoding #DesignSystems #UXDesign #AIProducts #Desarrollo

Si utilizas GitHub Copilot a diario, hay un cambio importante que no deberías pasar por alto. Desde el pasado 1 de junio, GitHub ha comenzado a aplicar un modelo de facturación basado en el consumo real de tokens para determinadas funciones de Copilot. En otras palabras, ya no basta con tener una suscripción: ahora conviene vigilar cómo y cuánto utilizas la herramienta.

Lo primero que recomendamos es establecer un límite de gasto de 0 dólares. Puede parecer exagerado, pero es la forma más sencilla de evitar sorpresas mientras entiendes cómo funciona el nuevo sistema. Siempre habrá tiempo para aumentar ese límite cuando tengas claro cuál es tu consumo habitual.

También merece la pena identificar qué tareas son las que más créditos consumen. Un autocompletado rápido apenas tiene impacto, pero las sesiones agénticas largas, los análisis complejos o los flujos que utilizan varias herramientas pueden disparar el consumo mucho más de lo que imaginas.

Otro aspecto clave es elegir el modelo adecuado para cada trabajo. Los modelos más avanzados suelen ofrecer mejores resultados, pero también consumen más créditos. Para tareas rutinarias, generación de código sencilla o consultas rápidas, los modelos ligeros suelen ser más que suficientes.

Ojo también con las revisiones de código automáticas. El nuevo sistema no solo puede consumir créditos de Copilot, sino también recursos de GitHub Actions. Si trabajas en equipo, configurar correctamente los runners a nivel de organización puede ayudarte a mantener los costes bajo control.

La buena noticia es que GitHub ha habilitado un periodo de transición entre junio y septiembre con créditos adicionales para facilitar la adaptación. Es el momento perfecto para medir, probar y entender cómo afecta este cambio a tu flujo de trabajo. No te confíes demasiado, porque cuando llegue octubre las condiciones serán diferentes y conviene llegar preparado.

Y precisamente ahí está la clave de todo: medir. La única forma real de saber si GitHub Copilot sigue siendo rentable para tu equipo o proyecto es comparar productividad y costes con datos reales. Si algo ha quedado claro con este cambio es que la inteligencia artificial ya no solo se evalúa por lo que hace, sino también por lo que cuesta hacerla funcionar.

#GitHub #GitHubCopilot #Programacion #DesarrolloWeb #Developer #Coding #IA #InteligenciaArtificial #OpenAI #SoftwareDevelopment #DevTools #GitHubActions #Productividad #Tecnologia #CodeReview

Google ya ha empezado a mover fichas con el Core Update de mayo de 2026, y sí, eso significa que durante los próximos días medio internet va a mirar Search Console como quien revisa el pulso de un paciente en urgencias.

La actualización ya está en marcha y Google avisa de que el despliegue puede tardar hasta dos semanas completas. Traducido al idioma SEO: hoy puedes subir, mañana caer y pasado volver a aparecer como si nada hubiese pasado.

Por eso el consejo más inteligente ahora mismo es bastante simple: calma.

Muchos proyectos empiezan a tocar títulos, cambiar enlaces, borrar artículos o rehacer webs enteras en cuanto ven una bajada pequeña. Y muchas veces no hace falta. No has roto nada. Google simplemente está reorganizando resultados, ajustando relevancias y recolocando webs dentro del buscador.

Es como cuando un restaurante mueve las mesas de sitio. La comida sigue siendo la misma, pero durante un rato nadie sabe dónde sentarse.

Los Core Updates funcionan así. No son penalizaciones manuales ni ataques personales contra tu web. Son reajustes enormes del algoritmo para decidir qué contenido merece más visibilidad y cuál menos.

Durante estos días lo más útil es observar tendencias, tomar notas y evitar decisiones impulsivas. Comparar datos en mitad de un update es como intentar medir un terremoto mientras el suelo todavía se mueve.

Cuando termine el despliegue sí tendrá sentido analizar:

• Qué URLs subieron o bajaron
• Qué intención de búsqueda está premiando Google
• Si el contenido sigue siendo útil y actual
• Cómo está respondiendo la competencia

Hasta entonces, paciencia, café y cero dramas.

Porque en SEO, muchas veces el peor error no es caer unas posiciones. Es entrar en pánico antes de tiempo.

#SEO #Google #CoreUpdate #SearchConsole #MarketingDigital #DiseñoWeb #Programación #WebDev #PosicionamientoWeb #GoogleUpdate #SEO2026

Google acaba de dejar claro hacia dónde va la industria de la IA y, sinceramente, ya no estamos hablando solo de modelos. Lo importante ahora es quién controla el ecosistema completo donde viven los agentes.

La avalancha de anuncios que han soltado para developers no gira alrededor de “tenemos el mejor modelo”, sino alrededor de algo mucho más ambicioso: convertir su stack en el sistema operativo de los agentes IA.

Y ahí entra Antigravity 2.0.

Básicamente, Google está intentando empaquetar todo lo que necesita un desarrollador para crear agentes en un único entorno: modelo, CLI, sandbox, plugins, credenciales, despliegue y automatización. Todo conectado. Todo dentro de casa.

Gemini CLI incluso desaparece como nombre para convertirse directamente en Antigravity CLI. No es un cambio cosmético. Es una declaración de intenciones.

La idea es bastante clara: dejar de competir solo contra OpenAI o Anthropic en calidad de modelo y empezar a competir por la infraestructura completa. Porque el verdadero negocio no está únicamente en que uses Gemini, sino en que tu flujo entero dependa de Google.

Y lo más interesante es cómo están alineando todas sus piezas para eso.

Android Studio ahora integra Agent Skills con Firebase funcionando como backend nativo para agentes. Firebase ya no se vende como “hosting cómodo para apps”. Ahora lo posicionan como una infraestructura lista para agentes IA desde el minuto uno.

Chrome también entra en juego de forma agresiva. Con WebMCP y DevTools for Agents 1.0, el navegador deja de ser simplemente el sitio donde viven aplicaciones humanas. Ahora los agentes pueden interactuar directamente con Chrome como si fuese un entorno operativo más.

Y esto cambia bastante las reglas del juego.

Porque si los agentes pueden navegar, ejecutar acciones, depurar interfaces y operar directamente sobre el navegador, Chrome deja de ser un simple navegador para convertirse en una plataforma de automatización universal.

Mientras tanto, Gemini 3.5 Flash aparece integrado el mismo día en GitHub Copilot y Vercel AI Gateway. Google quiere estar en todas partes. No importa si usas herramientas externas: quieren que el runtime siga siendo suyo.

Y luego está LiteRT-LM, probablemente una de las piezas más interesantes de todo esto. Inferencia on-device de Gemma 4 directamente en navegador mediante WebGPU y también en móviles con APIs nativas. Traducción rápida: ejecutar modelos localmente sin depender siempre de la nube.

Eso encaja perfectamente con hacia dónde se mueve la industria. Menos latencia, menos coste y agentes funcionando en tiempo real directamente en dispositivos.

Pero la lectura más importante no es técnica. Es estratégica.

Google ya no está intentando convencerte de que Gemini es mejor que GPT. Lo que quiere es mucho más grande: que uses Android Studio, Firebase, Chrome, Antigravity, Gemini y sus runtimes como una única plataforma integrada para desarrollar agentes.

Exactamente igual que pasó con Android o con Google Cloud.

El modelo es solo la puerta de entrada.

La infraestructura es el negocio de verdad.

#Google #IA #ArtificialIntelligence #Gemini #Antigravity #Firebase #Chrome #WebGPU #Gemma #Developers #Programacion #AI #MachineLearning #Diseño #Tecnologia #OpenAI #Vercel #GitHub #DevTools #AndroidStudio

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

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

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