Diseño
Convierte márgenes sueltos en una escala de espaciado
Cuando una interfaz acumula separaciones de 13, 18 o 27 píxeles, una escala corta ayuda a decidir más rápido y deja visibles las excepciones reales.
Diseño
Prepara tu sistema de diseño para trabajar con IA
Los agentes pueden generar pantallas que se parecen, pero usan medidas distintas. Documentar el criterio y comprobar los tokens ayuda a mantener la coherencia.
Tipografias
Fraunces: una tipografía gratis con aire de los años setenta
Fraunces permite cambiar el grosor, los remates y algunas formas de sus letras. Una fuente gratuita para explorar titulares y diseños con aire de los setenta.
Únete a kaosconcept en Facebook
Ya somos más de 20.000
Lo más leído
Artículos
27 Consejos para posicionar tu Web en Google
27 consejos SEO actuales para mejorar el contenido, la indexación, la autoridad y la visibilidad de tu web en Google.
Código: Php, Sql, Css...
Validar email en php
Código: Php, Sql, Css...
Mini-Chat con JQuery
Tutorial Photoshop
6 Reglas para diseñar un logotipo
Código: Php, Sql, Css...
Cómo centrar un div con CSS: Grid, Flexbox y transform
Categorías
Diseño
Diseño
Convierte márgenes sueltos en una escala de espaciado
Cuando una interfaz acumula separaciones de 13, 18 o 27 píxeles, una escala corta ayuda a decidir más rápido y deja visibles las excepciones reales.
Diseño
Prepara tu sistema de diseño para trabajar con IA
Los agentes pueden generar pantallas que se parecen, pero usan medidas distintas. Documentar el criterio y comprobar los tokens ayuda a mantener la coherencia.
Tipografias
Fraunces: una tipografía gratis con aire de los años setenta
Fraunces permite cambiar el grosor, los remates y algunas formas de sus letras. Una fuente gratuita para explorar titulares y diseños con aire de los setenta.
Inspiración
Hokusai encajó el monte Fuji bajo la Gran Ola
Tres barcas, un monte convertido en triángulo y un azul recién llegado a Japón sostienen la estampa más famosa de Hokusai. Mirarla despacio todavía guarda sorpresas.
Diseño
Controla el foco al abrir y cerrar un diálogo modal
Un modal accesible mueve el foco dentro, lo mantiene entre sus controles y lo devuelve al botón que lo abrió. Ese recorrido evita que el teclado acabe bajo la capa.
Inspiración
Samuel Zeller fotografía plantas a través del vidrio del invernadero
Samuel Zeller fotografía plantas a través de cristales estriados y convierte la arquitectura del invernadero en parte del encuadre.
Recursos
Destroy Any Website convierte una web en un juego de disparos
Probamos el juego de Sprite Fusion con Kaosconcept: un personaje salta por la portada y los titulares se hacen añicos al disparar.
Tipografias
Recursive reúne sans, mono y cinco ejes en un archivo
Una misma familia cubre interfaz, código y titulares con ejes para proporción, carácter, peso, inclinación y cursiva. Probamos qué cambia y qué se mantiene.
Artículo
YouTube en 2026: suben las views, cae la atención
El estudio de Metricool detecta más visualizaciones en YouTube, pero menos retención y engagement. Datos, matices y frecuencia recomendada.
Recursos
Recursos
Rare UI: componentes animados gratis para React
Carpetas que se despliegan, botones de confirmación y menús con movimiento. El código se añade con shadcn y se puede adaptar, con atribución obligatoria.
Recursos
Destroy Any Website convierte una web en un juego de disparos
Probamos el juego de Sprite Fusion con Kaosconcept: un personaje salta por la portada y los titulares se hacen añicos al disparar.
Diseño
Photon Studio: edita fotos y archivos PSD gratis
Capas, retoque y eliminación de fondos en el propio ordenador. El nuevo editor de Tenzen está disponible para macOS, Windows 11 y Linux.
Recursos
Creative Kai: capas y animación de scroll con GSAP
Una lectura visual de Creative Kai y una recreación propia de su ritmo por capas, con GSAP, tipografía cinética y atención al movimiento reducido.
Recursos
Galería gratis de iconos 3D
IA
Diseño
Prepara tu sistema de diseño para trabajar con IA
Los agentes pueden generar pantallas que se parecen, pero usan medidas distintas. Documentar el criterio y comprobar los tokens ayuda a mantener la coherencia.
IA
La IA de la semana: Gemini 4 Argon, GPT‑6.1 Sol y Claude Sonnet 5.5
Tres lanzamientos casi seguidos elevan el listón en código y tareas largas. El acceso, los datos y el control manual deciden cuánto puede aprovecharse hoy.
IA
La IA de la semana: Muse en las gafas de Meta y Claude Opus 5.5
FLUX aprende movimientos, NVIDIA separa voces y Hugging Face recupera decisiones del código. Cinco anuncios de la semana, con sus usos y límites.
IA
La IA de la semana: Gemini 3.8 Live, ChatGPT Ads y acceso biológico
Voz que usa herramientas sin cortar, anuncios conversacionales y acceso verificado a modelos para biología: seis novedades de una semana con más autonomía y más controles.
IA
Devin ofrece SWE-2 sin coste de uso hasta el 10 de octubre
La promoción incluye Desktop y CLI desde el plan Pro de 20 dólares al mes. Qué cubre la oferta y qué aporta el nuevo modelo de programación de Cognition.
IA
La IA de la semana: Muse, GPT‑Live‑1 y ChatGPT Images 2.5
De un agente que reserva viajes a una voz que acepta interrupciones: cinco novedades de IA que merece la pena guardar, con un aviso serio sobre los permisos.
IA
La IA de la semana: GPT-6 Astra y la compra anunciada de Hugging Face
GPT-6 Astra, Gemini 3.8 Flash, WeatherNext 3 y el acuerdo de NVIDIA con Hugging Face encabezan una semana con vídeo más barato y previsiones cada hora.
IA
Claude Fable 5.1 incorpora una marca invisible en el texto que genera
La señal se esconde en el patrón de palabras y puede indicar que Claude intervino en un documento, aunque no identifica al usuario ni ofrece una prueba definitiva.
Desarrollo
Recursos
Rare UI: componentes animados gratis para React
Carpetas que se despliegan, botones de confirmación y menús con movimiento. El código se añade con shadcn y se puede adaptar, con atribución obligatoria.
IA
Optimiza tu base de datos PostgreSQL con IA y PGBot
PGBot analiza consultas, tablas e índices desde la terminal y ofrece diagnósticos que también pueden utilizar los agentes de IA.
Código: Php, Sql, Css...
TypeScript 7 salta a Go y acelera las compilaciones hasta 12 veces
Microsoft publica TypeScript 7 con un compilador nativo escrito en Go, trabajo en paralelo y mejoras habituales de entre 8× y 12× en proyectos grandes.
Desarrollo
Next.js 16.3 reduce el uso de memoria y acelera el desarrollo
Next.js 16.3 ataca varios costes cotidianos del desarrollo: menos memoria, builds con caché, renderizado más ágil y una nueva vía para lograr navegaciones instantáneas.
IA
Una skill de IA convierte ideas en animaciones con GSAP
Una especialización para IA combina GSAP y ScrollTrigger para crear efectos ligados al scroll, parallax y secuencias con control creativo.
Código: Php, Sql, Css...
Nuevo Reset CSS (by Fokus)
Código: Php, Sql, Css...