PreTeXt: La Librería Que Hace el Texto Programable
No entendía el hype de una librería de medición de texto. Construí un lab con decenas de demos para descubrirlo — una esfera que reorganiza texto a 60fps.
Posts etiquetados con "Desarrollo Web"
Frameworks, frontend, fullstack — Astro, Vue, Svelte, Meteor, CSS, Webpack.
Mostrando 30 de 30 artículos (Página 1 de 2)
Tip: presiona Esc para limpiar la búsqueda.
Migración a Astro 6: ¿Valió la Pena la Espera?
Cómo migré XergioAleX.com a Astro 6 en minutos, qué se rompió, y por qué el compilador Rust experimental convirtió la percepción en velocidad real.
9/9 Construyendo XergioAleX.com
El Marcador: Cómo Medir lo que la IA No Te Dice
La medición AEO está años por detrás de la optimización AEO. Esto es lo que tiene la industria, lo que todavía falta, y un framework de auditoría que te da algo concreto con qué trabajar.
4/4 AEO: De Invisible a Citado
Markdown for Agents: Cómo Hacer que tu Contenido Hable el Idioma de la IA
La negociación de contenido existe desde HTTP/1.1. Ahora tiene un trabajo nuevo. Qué significa 'Markdown for Agents' como patrón web — y una implementación funcional con Astro y Cloudflare Pages.
3/4 AEO: De Invisible a Citado
El Cambio: Por Qué los Rankings Ya No Significan Visibilidad
El panorama de la búsqueda cambió — y la mayoría de los sitios no están preparados. Así es como se ve el cambio, por qué los motores de respuesta con IA funcionan diferente, y las dos bases que todo sitio debería tener en su lugar.
2/4 AEO: De Invisible a Citado
AEO: Qué Cambia Cuando la IA Empieza a Responder en Vez de Enlazar
Los agentes de IA son ahora algunos de los visitantes más importantes de tu sitio — y no hacen clic en enlaces. Una guía práctica sobre Answer Engine Optimization: qué es, cómo difiere del SEO, y por qué la ventana del primero en actuar todavía está abierta.
1/4 AEO: De Invisible a Citado
Por qué abandoné ESLint + Prettier por Biome
Tras años persiguiendo upgrades de ESLint y conflictos con Prettier, me pasé a Biome: un config, un binario y menos fricción en cada release.
Rastreando lo Invisible: Cómo Construí Analíticas para Bots de IA sin JavaScript del Lado del Cliente
Un solo archivo de middleware en Cloudflare Pages para ver lo que las analíticas JavaScript no pueden: los crawlers de IA que visitan el sitio.
8/9 Construyendo XergioAleX.com
La Mejor Forma de Desplegar tu Sitio Astro Gratis
Tras años en GitHub Pages, evalué opciones gratuitas y elegí Cloudflare Pages: lecciones y sorpresas al desplegar este sitio Astro.
7/9 Construyendo XergioAleX.com
Cómo Construí un Sitio Web Multilingüe con Astro
Diseñar un sitio Astro multilingüe desde cero: traducciones tipadas, patrón Page Wrapper y escalar idiomas sin reescribir componentes.
6/9 Construyendo XergioAleX.com
Astro y Svelte: Por Qué Creo Que Son el Futuro del Desarrollo Web
Por qué Astro y Svelte devuelven simplicidad al desarrollo web: datos del State of JS 2025, benchmarks y lecciones prácticas de este sitio.
Arquitectura de un Blog Escalable Sin Backend
Cómo escala el blog sin backend: Content Collections, taxonomía de tags, búsqueda en el cliente, series y builds bilingües en Astro.
5/9 Construyendo XergioAleX.com
Midiendo lo que Importa: Cómo Configuré Analytics Gratis Sin Sacrificar el Rendimiento
Capítulo cuatro sobre XergioAleX.com: analíticas gratis con herramientas privacy-first, puntajes Lighthouse 100 y sin banners de cookies.
4/9 Construyendo XergioAleX.com
El Camino al 100: Cómo Logré Puntajes Perfectos en Lighthouse en Todas las Categorías
Cómo logré 100/100/100/100 en Google Lighthouse PageSpeed en Performance, Accesibilidad, Mejores Prácticas y SEO en móvil y escritorio.
3/9 Construyendo XergioAleX.com
Construyendo XergioAleX.com: Cómo construí mi sitio web personal con Astro, Svelte e IA
La historia de XergioAleX.com: de una landing a una plataforma bilingüe pensada para IA y rendimiento, con Astro + Svelte y arquitectura clara.
1/9 Construyendo XergioAleX.com
Construyendo sebastianmartinezvanegas.com: el sitio web que le hice a un talentoso poeta colombiano
Cómo construí con Astro y Svelte el sitio web de Sebastián Martínez Vanegas, joven poeta colombiano ganador del Premio Internacional de Poesía Emilio Prados.
Construyendo sergioykathe.com: el sitio web que creé para nuestra boda
Invitación de boda estática: Astro, Svelte, GitHub Pages, sin backend. Códigos únicos y confirmación de asistencia con Google Forms.
Migrando Pereira Tech Talks: de Ghost a Astro
pereiratechtalks.org: de Ghost dockerizado con costos mensuales a Astro estático en GitHub Pages. Diez años de lecciones en dos semanas.
Astro en acción
Por qué Astro me convenció: casos de Microsoft y Firebase, rendimiento medible y migración en vivo de Pereira Tech Talks, sin hype.
Construyendo kathelopez.com: la web que le construí a mi esposa
Sitio estático sin framework para mi esposa, terapeuta ABA y neuropsicóloga: Bootstrap, GitHub Pages y cero backend para su presencia profesional.
CSS Grid Layout
Cómo CSS Grid cambió mi forma de pensar los layouts: de Flexbox a la bidimensionalidad real, con ejercicios prácticos y accesibilidad.
Vue Vixens Talk: estilos en Vue
Por qué los estilos importan en frameworks basados en componentes y cómo Vue hace que CSS sea scoped, modular y poderoso. De preprocesadores a arquitectura de componentes.
Construyendo Realidad Virtual para la Web: A-Frame, Laberintos y Galerías 360°
WebVR con HTML y JavaScript: laberinto, galería 360° y más de 20 demos que prueban que la RV en el navegador no exige hardware costoso.
WebVR con A-Frame (Charla UniRemington)
Llevando realidad virtual a la web y por qué democratizar VR importa. De fotos 360° a mundos 3D interactivos, todo con HTML y JavaScript.
Yo Me Llamo Héctor Lavoe: Creando un Sitio Web Personal para un Artista Salsero
Sitio para un imitador de Héctor Lavoe en Yo Me Llamo: audio, galería y un arreglo con jPlayer que me costó una tarde por tres píxeles.
Introducción a Webpack
Cómo Webpack transformó el front-end: entry points, loaders, plugins y por qué la experiencia de desarrollo importa más que la configuración.
Construyendo Rocka.co: La Historia Detrás del Sitio Web de un Tech Venture Builder
Cómo hicimos Rocka.co: metáforas clásicas, parallax a medida, premio CSS Design Awards y la marca digital del venture builder donde nació DailyBot.
Introducción a APIs con GraphQL
GraphQL cambió cómo construyo APIs: tipado fuerte, consultas del cliente, un endpoint y una experiencia de desarrollo que deja atrás a REST.
Introducción a Vue.js
Por qué Vue se convirtió en mi framework favorito después de años con Angular y React — filosofía progresiva, reactividad y qué hace especial a Vue.
Aprendiendo Webpack: Los Ejercicios Que Cambiaron Cómo Construyo para la Web
Webpack 4 a golpe de ejercicios: loaders, preprocesadores CSS, code splitting, DLL, React y bundling backend—del misterio a mi herramienta de build.