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

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 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

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 las interfaces limpias, ordenadas y con ese aspecto de «todo está en su sitio», esta skill para Cursor te puede interesar bastante.

Scandinavian Design sirve para aplicar automáticamente un sistema visual inspirado en el diseño escandinavo a un proyecto web. La idea es sencilla: quitar ruido visual y conseguir una interfaz mucho más limpia, con una base en blanco y negro, tipografías sans-serif, espacios generosos y un uso más cuidado de las imágenes.

Vamos, llevar un poco de ese estilo IKEA al desarrollo web. 😄

Lo interesante es que no se limita a decirle a la IA «hazlo minimalista». La skill está pensada para trabajar sobre un código existente y rediseñar su aspecto visual. El repositorio incluye además diez demos utilizadas para probar y corregir el resultado tanto en escritorio como en móvil.

Para instalarla solo tienes que ejecutar:

npx skills add ericzakariasson/scandinavian-design

Después puedes invocar /scandinavian-design sobre la superficie que quieras rediseñar.

Puede ser especialmente útil cuando tienes una web funcional pero visualmente demasiado cargada y quieres darle una vuelta rápida sin empezar el proyecto desde cero.

Eso sí, minimalismo no significa simplemente poner todo blanco y quitar elementos. Lo interesante está en conseguir que la jerarquía visual, los espacios, la tipografía y las imágenes trabajen juntos para que la interfaz respire.

Una herramienta bastante curiosa para quienes estamos utilizando IA para acelerar el diseño y desarrollo de interfaces.

Ver Scandinavian Design en GitHub

#DiseñoWeb #DiseñoMinimalista #ScandinavianDesign #Cursor #IA #InteligenciaArtificial #WebDesign #Frontend #Programacion #UX #UI #GitHub #DesarrolloWeb

Se acabó el piloto automático, gracias al piloto automático.

Claude Code tiene un modo llamado Auto Mode que, básicamente, permite que Claude deje de preguntarte cada dos minutos si puede hacer algo.

¿Puedo abrir este archivo? Sí/No.
¿Puedo modificar este script? Sí/No.
¿Puedo ejecutar este comando? Sí/No.

Cuando activas Auto Mode, Claude puede tomar esas decisiones de forma automática. Pero aquí viene la parte interesante: no está completamente solo. Hay un agente clasificador que analiza las acciones y determina si pueden ser destructivas o peligrosas.

Hasta ahora, en modo manual, la última palabra la tenías tú. Con Auto Mode, la tiene otro agente.

Y a partir del 14 de agosto, Auto Mode llegará activado por defecto en las sesiones Pro, Max y Team.

¿Y por qué dice Anthropic que automatizar las aprobaciones puede ser más seguro?

Porque hay un pequeño problema con los humanos: nos cansamos.

Si Claude te pregunta constantemente «¿puedo hacer esto?», llega un momento en el que tu cerebro entra en modo automático y empiezas a responder que sí sin leer realmente qué está haciendo.

Sí.
Sí.
Sí.
Sí.

Es exactamente lo mismo que hacemos con las políticas de privacidad y los términos y condiciones. Nadie los lee. Ves el botón, pulsas «Aceptar» y a otra cosa.

Anthropic ha puesto números al asunto. En una prueba con más de 1.053 testers profesionales, solo el 13,6 % consiguió detectar un comando peligroso, mientras que el agente clasificador lo identificó en el 89 % de los casos.

Y aquí está lo realmente interesante.

La discusión no es simplemente si debemos confiar más o menos en la IA. Es si tiene sentido mantener a una persona tomando decisiones de seguridad que, después de cientos de confirmaciones, probablemente acabará aceptando sin mirar.

Porque un «sí» humano dado por pura inercia tampoco es precisamente un mecanismo de seguridad.

La lectura importante para quienes trabajamos con IA es bastante sencilla: si vas a supervisar a un agente, supervisa de verdad. Lee lo que hace, entiende las consecuencias y presta atención.

Pero si sabes que después de 200 confirmaciones vas a empezar a pulsar «sí» como un NPC, quizá sea mejor delegar esas decisiones en un sistema especializado.

Eso sí: un agente también puede equivocarse.

Así que el futuro no parece ser «la IA lo hace todo y nosotros miramos». Más bien parece ser decidir qué merece nuestra atención y qué podemos dejar que la IA gestione por nosotros.

Y eso sí que tiene bastante más sentido que pasarnos el día pulsando «Sí, Claude, hazlo».

#Claude #ClaudeCode #Anthropic #AutoMode #InteligenciaArtificial #IA #Programación #DesarrolloSoftware #AgentesIA #AIcoding

Si te gustan los gradientes pero acabas perdiendo más tiempo buscando una combinación de colores decente que utilizándola en tu proyecto, Gradient Studio merece un vistazo.

Esta herramienta creada por Amit Gajare funciona como un generador de gradientes CSS procedurales. En lugar de ofrecerte simplemente una colección de degradados para copiar, genera nuevas combinaciones y les añade diferentes tratamientos de luz para conseguir fondos bastante más interesantes.

Puedes trabajar con paletas completas, duotono o monocromáticas y después aplicar efectos como mesh glow, aurora, bokeh, film grain, holográfico, prismas, nubes o rayos. Hay más de 24 tratamientos disponibles, así que las posibilidades son bastante amplias.

Lo mejor llega cuando encuentras uno que funciona. Puedes bloquear la paleta, probar diferentes efectos, navegar por el historial de resultados y, cuando lo tengas, copiar directamente el código. Gradient Studio permite exportarlo como CSS, Tailwind o SCSS, por lo que no tienes que reconstruir el gradiente a mano en tu proyecto.

Es especialmente interesante para diseñar fondos de hero sections, landing pages, portfolios, webs de agencias o interfaces en modo oscuro. También puede servir como punto de partida para una identidad visual o simplemente para generar rápidamente una atmósfera visual que luego puedas desarrollar en Figma, Photoshop o tu editor de código.

Además, es gratis, no requiere crear una cuenta y sus gradientes pueden utilizarse tanto en proyectos personales como comerciales.

En resumen, Gradient Studio es una de esas pequeñas herramientas que merece estar en los marcadores de cualquier diseñador web o desarrollador frontend. Generas, ajustas, copias el código y sigues trabajando. Sin complicaciones.

#GradientStudio #Gradientes #CSS #WebDesign #UI #UX #Frontend #TailwindCSS #SCSS #GraphicDesign #WebDevelopment #DesignTools

Si trabajas con JavaScript o TypeScript y necesitas meter gráficos en una aplicación, seguramente ya te hayas encontrado con un montón de librerías que hacen prácticamente lo mismo. TanStack Charts intenta darle otra vuelta al asunto.

El proyecto forma parte del ecosistema TanStack y propone una forma bastante flexible de construir visualizaciones a partir de una especie de “gramática” de gráficos. En lugar de limitarte a configurar un tipo de gráfico concreto, puedes combinar diferentes elementos, escalas e interacciones para crear visualizaciones más personalizadas.

La idea está basada en TypeScript y utiliza primitivas de D3 cuando necesitas funcionalidades más avanzadas. Puedes empezar con gráficos habituales como barras o líneas y, si el proyecto se complica, añadir escalas o algoritmos específicos de D3 sin tener que cambiar completamente de sistema.

Otro punto interesante es que la definición del gráfico es independiente del framework. El mismo gráfico puede utilizarse con React, Vue, Angular, Svelte, Solid, Preact, Lit, Alpine e incluso con JavaScript sin framework. También contempla renderizado mediante SVG y, de forma opcional, Canvas.

Además, no se queda únicamente en pintar barras y líneas. TanStack Charts incorpora responsive design, márgenes automáticos, temas, tooltips, animaciones, interacción, accesibilidad, renderizado en servidor (SSR) y exportación. Es decir, intenta cubrir buena parte de lo que necesitas cuando un gráfico pasa de ser una simple demo a formar parte de una aplicación real.

Eso sí, hay una advertencia importante: TanStack Charts 0.6.5 está actualmente en fase pre-alpha y su API puede cambiar, por lo que sus propios responsables indican que todavía no está preparado para producción.

Aun así, es un proyecto muy interesante para seguir de cerca, especialmente si trabajas con TypeScript y necesitas visualizaciones que vayan más allá del típico gráfico de barras. Y si ya conoces el ecosistema TanStack, merece la pena echarle un vistazo.

Puedes consultar el código en GitHub de TanStack Charts y la documentación oficial en TanStack Charts.

#TanStack #TanStackCharts #TypeScript #JavaScript #D3js #DataVisualization #DataViz #WebDevelopment #Frontend #React #Angular #Vue #Svelte #WebDesign #Programming

Si trabajas con bases de datos y alguna vez has pensado «solo quiero probar esta consulta SQL rápidamente», RunSQL puede ser una herramienta bastante interesante. La idea es sencilla: llevar el trabajo con SQL directamente al navegador para que puedas ejecutar consultas y experimentar sin tener que preparar todo un entorno de desarrollo desde cero.

Este tipo de herramientas resultan especialmente prácticas cuando estás aprendiendo SQL, quieres comprobar rápidamente cómo funciona una consulta o necesitas hacer pequeñas pruebas antes de llevar el código a tu proyecto. En lugar de abrir tu IDE, conectarte a una base de datos y preparar todo el entorno, tienes una alternativa más rápida para experimentar.

Para quienes programan habitualmente, RunSQL también puede servir como un recurso de apoyo para probar ideas y trabajar con consultas de una forma más directa. Y si estás empezando con SQL, es una manera interesante de familiarizarte con el lenguaje y entender mejor cómo funcionan las consultas sobre datos.

Al final, RunSQL apuesta por algo que cada vez vemos más en el mundo del desarrollo: herramientas que eliminan pasos innecesarios y permiten centrarse directamente en lo que quieres hacer. Si trabajas con SQL o estás aprendiendo a manejar bases de datos, merece la pena echarle un vistazo y comprobar qué posibilidades ofrece.

#RunSQL #SQL #BasesDeDatos #Programación #DesarrolloWeb #DesarrolloSoftware #WebDevelopment #Coding #Programadores #Tecnología #Desarrollo #ProgramaciónWeb

¿Y si el futuro de la inteligencia artificial no está en tener una única empresa controlando los modelos más potentes?

Eso es, precisamente, lo que están defendiendo NVIDIA, Microsoft, Mozilla, Linux Foundation y otras grandes compañías y organizaciones tecnológicas en una carta conjunta sobre los llamados modelos de pesos abiertos (open-weight).

La idea es bastante sencilla: si unas pocas empresas controlan los modelos de IA más avanzados, el resto del mundo acaba dependiendo de ellas. Y eso significa pagar por cada uso, aceptar sus condiciones, confiar en que mantendrán sus servicios y asumir que, si cambian sus precios o políticas, poco puedes hacer.

Los modelos con pesos abiertos plantean otra alternativa. Permiten descargar los pesos del modelo y ejecutarlo, adaptarlo o integrarlo en diferentes infraestructuras. Esto puede facilitar que startups, universidades y empresas desarrollen soluciones de IA sin tener que depender siempre de los grandes proveedores de modelos cerrados.

Y aquí aparece uno de los argumentos más interesantes de la carta: la apertura también puede favorecer la seguridad. La lógica es que cuantos más investigadores y desarrolladores puedan analizar, probar y auditar una tecnología, más posibilidades existen de encontrar problemas y mejorarla. La Linux Foundation defiende precisamente que los modelos abiertos y los pesos abiertos son una pieza importante para construir una IA más segura y con mayor capacidad de supervisión.

Pero hay otro punto que está levantando bastante debate: la destilación de modelos.

En términos sencillos, consiste en utilizar las respuestas generadas por un modelo para ayudar a entrenar o mejorar otro. Es una técnica habitual en el desarrollo de sistemas de IA y puede servir para crear modelos más pequeños y eficientes. La carta defiende que esta práctica puede ser legítima y que no debería considerarse automáticamente un robo o una infracción. Eso sí, hay una diferencia importante entre utilizar técnicas de destilación y apropiarse de propiedad intelectual protegida: una cosa no implica necesariamente la otra.

La frase que más llama la atención es probablemente la que plantea que depender únicamente de modelos cerrados no es intrínsecamente más seguro. Y aquí está el verdadero debate.

Los modelos cerrados tienen ventajas evidentes: sus propietarios pueden controlar mejor el acceso, aplicar filtros y gestionar determinadas medidas de seguridad. Pero los modelos abiertos permiten una mayor capacidad de análisis externo, personalización y control sobre dónde y cómo se ejecuta la IA.

Eso sí, tampoco hay que confundir open-weight con open source. Un modelo puede ofrecer sus pesos para que otros lo descarguen y ejecuten, pero no publicar todo su código de entrenamiento, los datos utilizados o el proceso completo de desarrollo. Por eso, hablar de «IA abierta» puede ser bastante más complejo de lo que parece.

Lo interesante de todo esto es quién está firmando la carta. NVIDIA, Microsoft, Meta, IBM, Mozilla, Linux Foundation y otras organizaciones están defendiendo que la competición en IA no debería depender únicamente de quién tiene el modelo más potente, sino también de quién consigue crear un ecosistema donde más empresas y desarrolladores puedan construir sobre esa tecnología.

Y hay una lectura económica bastante clara: más modelos abiertos significa más competencia, más alternativas y potencialmente menos dependencia de unos pocos gigantes tecnológicos. También puede reducir costes y permitir que una empresa elija qué modelo utilizar según sus necesidades, en lugar de estar atada a un único proveedor.

La batalla por el futuro de la IA, por tanto, no se está librando solo entre modelos. También se está librando entre dos formas de entender cómo debería distribuirse esta tecnología: una IA controlada por unos pocos proveedores o un ecosistema donde cualquiera pueda descargar modelos, experimentar con ellos y construir nuevas herramientas.

Y viendo quién se ha sentado ahora en el lado de los pesos abiertos, parece que esta discusión acaba de ponerse bastante más interesante.

#InteligenciaArtificial #IA #OpenAI #OpenSource #OpenWeights #ModelosAbiertos #NVIDIA #Microsoft #Mozilla #LinuxFoundation #Tecnología #Programación #Desarrollo #MachineLearning #DeepLearning #IAGenerativa #Software

Si trabajas programando con IA y estás cansado de configurar cada herramienta con un proveedor diferente, OmniRoute puede ser una opción bastante interesante. La idea es sencilla: en lugar de conectar tu IDE o agente de código con cada API por separado, OmniRoute actúa como una capa intermedia que centraliza el acceso a cientos de proveedores de modelos de IA desde un único endpoint.

Una de sus funciones más interesantes es el auto-fallback. Si un proveedor alcanza su límite o deja de estar disponible, OmniRoute puede cambiar automáticamente a otro proveedor para que el trabajo continúe. También permite utilizar estrategias de routing para priorizar proveedores gratuitos, reducir costes o elegir automáticamente la opción más adecuada para cada petición.

Además, es compatible con herramientas habituales del desarrollo asistido por IA como Claude Code, Codex, Cursor, Cline o GitHub Copilot, entre otras. También incorpora funciones como compresión de tokens, memoria, MCP y soporte para protocolos de agentes, por lo que va bastante más allá de ser un simple proxy de APIs.

La instalación también busca ser sencilla: puedes ejecutarlo mediante npm, Docker, como aplicación de escritorio o incluso en dispositivos ARM. Una vez funcionando, tus herramientas pueden apuntar a un único endpoint local y dejar que OmniRoute se encargue del routing entre los distintos proveedores.

Para quienes están metidos de lleno en el desarrollo con IA, es una herramienta que merece la pena echar un vistazo. Especialmente si utilizas varios modelos, quieres aprovechar diferentes planes gratuitos o simplemente buscas tener una configuración más centralizada y flexible.

#OmniRoute #AI #ArtificialIntelligence #IA #AIGateway #OpenSource #Programacion #Desarrollo #Coding #DevTools #ClaudeCode #Codex #Cursor #MCP #LL