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

¿Tienes una web que te cae especialmente mal? Pues ahora puedes destruirla a tiros. Destroy Any Website es un pequeño experimento de Sprite Fusion que convierte cualquier página web en un escenario de acción pixel art.

La idea es tan sencilla como divertida: introduces la URL de una web y el juego transforma su contenido en el escenario. Después toca ponerse en la piel de un pequeño personaje armado y empezar a disparar hasta llevar el medidor de destrucción al 100 %. Puedes moverte con las teclas A/S/D o las flechas, saltar con espacio o W y apuntar y disparar con el ratón. También tienes varias armas para hacer bastante más daño, desde pistola y escopeta hasta lanzacohetes, railgun o lanzallamas.

Y aquí está lo curioso para quienes nos movemos entre diseño y programación: el juego utiliza una estética pixel art muy sencilla para convertir algo tan cotidiano como una página web en un escenario interactivo. Además, cuenta con modo multijugador, así que también puedes echar una partida con amigos para ver quién consigue destruir antes el objetivo.

El proyecto está desarrollado por Hugo Duprez, creador de Sprite Fusion, una plataforma que también ofrece herramientas para generar pixel art y diseñar mapas 2D para videojuegos.

No necesitas instalar nada ni complicarte con configuraciones: abre el navegador, introduce una web y empieza a disparar. Una de esas pequeñas herramientas/juegos que probablemente no necesitas para nada, pero que resulta bastante difícil no probar.

#PixelArt #DiseñoWeb #Programación #Videojuegos #GameDev #HTML5 #WebDesign #SpriteFusion #IndieGame #DiseñoGráfico

Si buscas recursos gráficos con un toque cute y desenfadado, Bunny Beats es un pack de stickers que merece la pena echar un vistazo. Ha sido creado por MinMinnie001 y reúne diferentes ilustraciones de conejitos con una estética rosa y temática relacionada con la música.

Los stickers están disponibles en formato PNG, por lo que puedes utilizarlos fácilmente en Photoshop, Canva, Illustrator o cualquier otro programa de diseño. Son perfectos para composiciones digitales, publicaciones para redes sociales, ilustraciones o simplemente para darle un toque divertido a cualquier proyecto.

El recurso está indicado para uso personal y no comercial, por lo que conviene revisar y respetar las condiciones establecidas por su autora antes de utilizarlo.

Un recurso sencillo, pero de esos que siempre viene bien tener guardados cuando buscas unos stickers originales, simpáticos y con un estilo muy marcado.

#BunnyBeats #MinMinnie001 #Stickers #StickersPNG #PNG #RecursosGráficos #DiseñoGráfico #DiseñoDigital #Photoshop #Ilustración #CuteDesign #GraphicDesign #RecursosGratis

Si estás aprendiendo programación o simplemente quieres tener una buena biblioteca técnica a mano, LibrosGratis.dev es una web que merece la pena guardar en favoritos. La idea es bastante sencilla: reunir libros y recursos gratuitos de programación en español y organizarlos para que encontrar algo útil no se convierta en otra búsqueda interminable por Internet.

La biblioteca cuenta actualmente con 179 libros y recursos repartidos en 42 temas, incluyendo lenguajes, frameworks, bases de datos, herramientas y fundamentos de programación.

Y hay bastante donde elegir. Puedes encontrar material sobre JavaScript, TypeScript, Python, Java, PHP, C, C++, C#, Rust, Go, Kotlin, Ruby, además de tecnologías como Angular, React, Node.js, Django, o herramientas tan habituales como Git y Docker. También hay contenidos sobre SQL, Linux, algoritmos, estructuras de datos, metodologías de desarrollo e inteligencia artificial.

Lo interesante es que no se limita a poner una lista de enlaces. Muchos recursos se pueden leer directamente online y otros ofrecen formatos como PDF o EPUB, por lo que puedes descargarlos y tenerlos para consultar cuando quieras. Por ejemplo, encontrarás desde Pro Git hasta libros de introducción a Python, Java, C++ o TypeScript.

Para alguien que está empezando puede servir como punto de partida para aprender programación sin tener que pagar un curso. Y para quienes ya llevamos unos cuantos años programando, también puede ser útil para recuperar fundamentos, consultar un lenguaje que tenemos olvidado o simplemente descubrir algún recurso interesante.

Además, la biblioteca está orientada específicamente a recursos gratuitos y abiertos, y el proyecto se mantiene a partir de un repositorio público donde se pueden proponer nuevos libros.

En resumen, LibrosGratis.dev es una pequeña biblioteca técnica online que conviene tener localizada. Si estás metido en el mundo del desarrollo web, frontend, backend o programación en general, probablemente encuentres más de un recurso que termine en tu carpeta de favoritos.

Web: LibrosGratis.dev

#Programacion #LibrosGratis #DesarrolloWeb #JavaScript #TypeScript #Python #Angular #React #PHP #Git #Docker #Programadores #RecursosGratis #DesarrolloSoftware

Si trabajas habitualmente con Photoshop y buscas recursos sencillos para ampliar tu colección, este pack puede ser una buena incorporación. Photoshop Swatch and Gradient, creado por khyunkie, reúne un total de 13 swatches y 10 gradients que puedes utilizar para experimentar con diferentes combinaciones de color en tus proyectos.

Los swatches permiten guardar y reutilizar colores rápidamente, mientras que los gradients pueden venir muy bien para crear fondos, transiciones, efectos de luz o simplemente darle un poco más de personalidad a una composición. Son recursos especialmente prácticos cuando estás trabajando en proyectos de diseño gráfico y quieres probar diferentes opciones de color sin tener que crearlas desde cero.

El pack está pensado para utilizarse con Adobe Photoshop, por lo que puedes incorporarlo a tu biblioteca de recursos y tener estas combinaciones a mano cuando las necesites. No es un recurso enorme ni pretende serlo, pero precisamente ahí está su gracia: 13 swatches y 10 gradients que pueden servir como punto de partida para crear nuevas paletas y efectos.

Si eres de los que siempre está guardando nuevos recursos para Photoshop, este pequeño pack de khyunkie merece un hueco en tu colección.

#Photoshop #AdobePhotoshop #Swatches #Gradients #PhotoshopResources #DiseñoGrafico #GraphicDesign #RecursosDiseño #Diseño #RecursosGratis #Color #DeviantArt

Si utilizas IA para programar, probablemente ya te hayas encontrado con el siguiente problema: escribir código es cada vez más rápido, pero revisarlo sigue llevando tiempo. Ahí es donde entra Open Code Review, una herramienta de código abierto creada por Alibaba para automatizar las revisiones de código con IA.

La idea es bastante sencilla. Instalas la herramienta, la ejecutas desde la terminal y ocr analiza tus cambios de Git buscando posibles problemas. Pero no se limita a mirar unas cuantas líneas modificadas: el agente puede leer archivos completos, buscar información dentro del proyecto y utilizar ese contexto para generar comentarios precisos sobre el código.

Una de las cosas interesantes es que combina procesos deterministas con un agente de IA. Es decir, la herramienta se encarga de tareas como seleccionar archivos, localizar líneas o aplicar determinadas reglas, mientras que el modelo se ocupa de interpretar el código y detectar problemas. El proyecto incluye reglas para cuestiones como XSS, inyecciones SQL, seguridad, concurrencia y otros errores habituales, además de soportar más de 40 lenguajes y tipos de archivo.

También puedes utilizar diferentes modelos y proveedores, incluyendo APIs compatibles con OpenAI y Anthropic, además de otros proveedores y endpoints personalizados. Incluso permite integrarse con herramientas como Claude Code, Codex, Cursor y OpenCode.

Para probarlo basta con instalarlo mediante npm:

npm i -g @alibaba-group/open-code-review

Y después ejecutar ocr review dentro de tu proyecto. También puedes revisar una rama concreta, un commit o incluso lanzar un análisis completo de determinados archivos.

Otro detalle importante es que Open Code Review nació como una herramienta interna de Alibaba y posteriormente se publicó como proyecto open source bajo licencia Apache-2.0. Según su documentación, llevaba dos años utilizándose internamente antes de abrirse a la comunidad.

En definitiva, es otra señal de hacia dónde está evolucionando el desarrollo: la IA ya no solo escribe código, también empieza a asumir tareas de revisión, control de calidad y detección de problemas. Y en este caso tenemos además una herramienta que puedes instalar y ejecutar directamente desde tu propio entorno de desarrollo.

#OpenCodeReview #Alibaba #InteligenciaArtificial #IA #Programacion #DesarrolloWeb #Codigo #CodeReview #OpenSource #Git #Developers #SoftwareDevelopment

Si te gusta trabajar con Photoshop pero echas de menos un acabado más tradicional, OIL SET puede ser justo lo que estabas buscando.

Se trata de un conjunto de brushes para Photoshop CC creados por Deharme, desarrollados durante bastante tiempo para conseguir pinceladas que recuerdan a la pintura al óleo tradicional.

El resultado es bastante interesante: los pinceles aportan textura, variación en la pincelada y esa sensación menos digital que muchas veces buscamos cuando hacemos ilustraciones o pinturas directamente en Photoshop.

Deharme comenta que lleva tiempo trabajando con este set y que los brushes están pensados precisamente para recrear una sensación de pintura tradicional.

Lo mejor es que puedes descargar el pack y probarlo directamente en Photoshop. Una herramienta sencilla que puede venir muy bien tanto para ilustración digital como para concept art, retoque creativo o simplemente para experimentar con nuevos estilos de pincel.

Si utilizas Photoshop habitualmente, siempre merece la pena tener una buena colección de brushes a mano. Nunca sabes cuándo uno de ellos puede darle ese toque diferente a un proyecto.

Descargar – Oil set

#Photoshop #PhotoshopBrushes #Brushes #OilSet #Deharme #DiseñoGráfico #IlustraciónDigital #DigitalPainting #PinturaDigital #AdobePhotoshop #RecursosDiseño #BrushesGratis

React sigue avanzando y ya tenemos React 19.3, una actualización que trae varias novedades bastante interesantes para quienes trabajan con interfaces web. No es simplemente una versión con correcciones: algunas de las nuevas APIs pueden cambiar bastante la forma de construir determinadas experiencias.

Una de las novedades más llamativas es View Transitions, que pasa de experimental a estable. React incorpora el componente <ViewTransition> para trabajar con las View Transitions API del navegador y crear animaciones cuando elementos aparecen, desaparecen, cambian de posición o se actualizan. Esto permite conseguir transiciones mucho más fluidas sin tener que montar soluciones bastante más complicadas por nuestra cuenta.

También llega Fragment Refs, otra función que puede resultar especialmente útil cuando trabajamos con componentes que generan varios elementos sin un contenedor común. Ahora podemos poner un ref directamente sobre un Fragment y controlar sus elementos hijos para tareas como eventos, foco, observadores de visibilidad, medición o scroll, sin tener que añadir un <div> únicamente para poder acceder al DOM.

Para quienes trabajan con SSR, React 19.3 incorpora browser(). Con use(browser()) podemos indicar que un componente necesita ejecutarse en el navegador y evitar que intente renderizarse en el servidor. Es una solución bastante más limpia para casos que dependen de APIs como localStorage, la zona horaria del dispositivo u otras funcionalidades que no existen durante el renderizado en servidor.

En el apartado de seguridad también hay novedades. React 19.3 añade soporte para Trusted Types, una tecnología del navegador pensada para ayudar a proteger las aplicaciones frente a ataques XSS basados en el DOM. React ahora puede trabajar con estos valores sin convertirlos automáticamente en simples cadenas de texto.

Y hay otra mejora interesante para quienes están metidos de lleno en React Server Components: ahora los Server Components pueden renderizar directamente un Context procedente de un módulo 'use client', sin tener que crear un componente Provider adicional solamente para pasar los datos.

En resumen, React 19.3 apuesta bastante por mejorar la integración entre React y las capacidades nativas del navegador, especialmente en animaciones, SSR, seguridad y control del DOM. Algunas de estas novedades son bastante específicas, pero View Transitions y Fragment Refs pueden tener un impacto directo en la forma en la que construimos interfaces modernas.

Si trabajas habitualmente con React, merece la pena echarle un vistazo a esta versión y, sobre todo, empezar a probar ViewTransition, porque puede simplificar bastante algunas animaciones que hasta ahora requerían bastante trabajo adicional.

#React #ReactJS #React19 #JavaScript #Frontend #DesarrolloWeb #Programacion #WebDevelopment #ViewTransitions #ServerComponents #UI #UX

Si te gustan los cómics, Marvel y esos dibujos que te hacen pensar «¿pero cómo narices puede alguien dibujar así?», tienes que conocer el trabajo de Iban Coello.

Su cuenta de Instagram, @coelloiban, es prácticamente una galería de arte para cualquier amante del cómic. Spider-Man, Venom, Wolverine, Hulk y otros personajes del universo Marvel aparecen constantemente entre bocetos, portadas, dibujos a tinta y trabajos terminados que demuestran por qué este dibujante español se ha hecho un hueco tan importante en la industria.

Iban Coello, nacido en Barcelona, ha trabajado para algunas de las editoriales más importantes del sector. Antes de consolidarse en Marvel pasó por Dark Horse y DC Comics, participando en proyectos relacionados con personajes y universos como Star Wars, Superboy, Batman Beyond o Injustice. Con el tiempo acabó dando el salto definitivo a Marvel, donde ha trabajado en títulos como Venom, Deadpool, Los 4 Fantásticos y Dark Ages. Actualmente es uno de los artistas españoles con mayor presencia en el mercado estadounidense.

Pero más allá de los nombres de las editoriales, lo realmente interesante de su trabajo es su estilo. Sus dibujos tienen una fuerza brutal, especialmente cuando le toca enfrentarse a personajes como Venom o Spider-Man. Hay mucho movimiento, expresividad y una sensación de energía que hace que incluso un simple boceto parezca estar a punto de saltar fuera del papel.

Y precisamente ahí está una de las cosas más interesantes para cualquier persona que dibuje o trabaje en diseño: echar un vistazo a su proceso. En Instagram no solo encontramos ilustraciones perfectamente acabadas, sino también dibujos a tinta, pruebas y trabajos realizados de forma más directa. Es una buena oportunidad para recordar que detrás de una portada espectacular hay muchas horas de práctica, técnica y, sobre todo, obsesión por mejorar.

Además, Coello ha reconocido en diferentes entrevistas la influencia que han tenido en su trabajo el manga, Dragon Ball y determinados videojuegos, algo que se puede intuir en la energía y dinamismo de muchas de sus composiciones.

Su Instagram es, en definitiva, uno de esos perfiles que merece la pena seguir si te gusta la ilustración. Da igual que seas fan de Marvel, que dibujes cómics o que simplemente disfrutes viendo cómo trabaja alguien con un talento fuera de lo normal. Aviso: probablemente después de visitar su perfil te entren unas ganas enormes de coger un lápiz… y también una pequeña crisis existencial al comparar tus dibujos con los suyos.

Por cierto, Iban Coello será uno de los artistas invitados a la San Diego Comic-Con Málaga 2026, que se celebrará del 1 al 4 de octubre. Una oportunidad perfecta para conocer en persona a uno de los grandes nombres españoles del cómic internacional.

#IbanCoello #Marvel #MarvelComics #Comic #Comics #Ilustracion #IlustracionDigital #Dibujo #SpiderMan #Venom #Wolverine #Diseño #Arte #ComicArt #Artista

Parece que después de años de espera, JPEG XL empieza a tener una oportunidad real en la web.

Mozilla ha anunciado su intención de activar JPEG XL por defecto en Firefox, con el objetivo de llevarlo a la versión 157, prevista para finales de septiembre. Y lo interesante es que Chromium también ha iniciado su propio proceso para activar el formato. Safari, por su parte, ya lleva tiempo soportándolo desde Safari 17.

¿Y por qué importa tanto?

Porque JPEG XL no es simplemente otro formato de imagen para sustituir al JPG. Está pensado para conseguir archivos más pequeños manteniendo una buena calidad, algo especialmente interesante para páginas web donde cada KB cuenta. Además, incorpora características como HDR, transparencia, animación y, sobre todo, renderizado progresivo: una imagen puede empezar a mostrarse mientras todavía se está descargando.

Para diseñadores y desarrolladores web esto puede ser bastante interesante. Imágenes más ligeras significan menos transferencia de datos, mejores tiempos de carga y, potencialmente, mejores Core Web Vitals.

También tiene una característica bastante curiosa: puede comprimir imágenes JPEG existentes de forma reversible. Es decir, puedes convertir un JPEG a JPEG XL y recuperar posteriormente el JPEG original sin pérdida. Esto lo convierte también en una opción interesante para almacenamiento y archivo.

El problema de JPEG XL hasta ahora no ha sido precisamente la tecnología, sino el soporte de los navegadores. Chrome eliminó inicialmente el soporte y durante años el formato quedó en una especie de limbo. En 2026 Chromium recuperó el decodificador detrás de una opción experimental y Firefox también ha ido avanzando con su implementación.

Ahora la situación empieza a cambiar de verdad.

Si Chrome y Firefox terminan activándolo por defecto, JPEG XL pasará de ser ese formato que conocían principalmente los aficionados a la imagen y los desarrolladores a convertirse en una alternativa real para las páginas web.

Eso sí: todavía no es momento de borrar WebP o AVIF de tus proyectos. La compatibilidad sigue evolucionando y, mientras no exista una cobertura amplia, lo sensato es utilizar JPEG XL como una opción adicional y mantener un formato alternativo para navegadores que no lo soporten.

Pero la noticia es buena. Después de mucho tiempo dando vueltas, JPEG XL parece que por fin puede tener aquello que necesitaba para despegar: que los principales navegadores lo activen de serie.

Y si eso ocurre, el viejo JPG podría empezar a tener, por fin, un sucesor de verdad.

https://hacks.mozilla.org/2026/08/intent-to-ship-jpeg-xl/

#JPEGXL #JPEG #DiseñoWeb #DesarrolloWeb #Programación #WebPerformance #Frontend #WebDesign #OptimizaciónWeb #Imágenes #Firefox #Chrome #Safari #CoreWebVitals

Google quiere que Gemini se convierta en algo más que un chatbot para estudiantes. En su propuesta Gemini for Students, la IA se utiliza como una especie de compañero de estudio capaz de trabajar directamente con tus propios apuntes, temarios y materiales de clase.

Una de las funciones más interesantes son los Study Notebooks, que permiten subir material de una asignatura y convertirlo en planes de estudio, resúmenes, cuestionarios personalizados o herramientas para preparar un examen. También puedes pedirle que te explique un problema paso a paso, revise tus cálculos o te dé feedback sobre un trabajo.

Y aquí viene la parte llamativa: Google ofrece un año gratuito de Google AI Pro para estudiantes que cumplan los requisitos. El plan incluye límites de uso 4 veces superiores en Gemini, 5 TB de almacenamiento, Gemini Spark y acceso a Gemini Omni durante un año.

Para quienes estudian diseño, programación o cualquier disciplina técnica puede resultar especialmente útil. Puedes trabajar con documentación, pedir explicaciones de conceptos complicados, generar material de estudio o utilizar las capacidades visuales de Gemini para entender mejor determinados contenidos.

En definitiva, si eres estudiante y puedes acceder a la promoción, es una de esas ofertas de IA que merece la pena probar antes de que se acabe.

Ver Gemini para estudiantes

Tags

#Gemini #GoogleGemini #GoogleAI #InteligenciaArtificial #IA #Estudiantes #Educacion #DiseñoGrafico #Programacion #Tecnologia #AI #Productividad #GoogleAIPro