PreTeXt: The Library That Makes Text Programmable
I didn't get the hype around a text measurement library. So I built dozens of demos — from masonry grids to a sphere that reflows text at 60fps.
Posts tagged "Web Development"
Frameworks, frontend, fullstack — Astro, Vue, Svelte, Meteor, CSS, Webpack.
Showing 30 of 30 articles (Page 1 of 2)
Tip: press Esc to clear the search.
Migrating to Astro 6: Was It Worth the Wait?
How I migrated XergioAleX.com to Astro 6 in minutes, what broke, and why the experimental Rust compiler turned perception into measurable speed.
9/9 Building XergioAleX.com
The Scorecard: How to Measure What AI Can't Tell You
AEO measurement is years behind AEO optimization. Here's what the industry has, what's still missing, and one audit framework that gives you something concrete to work with.
4/4 AEO: From Invisible to Cited
Markdown for Agents: Making Your Content Speak AI's Language
Markdown for Agents: content negotiation meets AI—what the pattern means and a working Astro plus Cloudflare Pages implementation.
3/4 AEO: From Invisible to Cited
The Shift: Why Rankings No Longer Mean Visibility
The search landscape changed — and most sites aren't ready. Here's what the shift looks like, why AI answer engines work differently, and the two foundations every site should have in place.
2/4 AEO: From Invisible to Cited
AEO: What Changes When AI Starts Answering Instead of Linking
AI agents are now some of the most important visitors to your site — and they don't click links. A practical guide to Answer Engine Optimization: what it is, how it differs from SEO, and why the first-mover window is still open.
1/4 AEO: From Invisible to Cited
Why I Ditched ESLint + Prettier for Biome
After years of chasing ESLint upgrades and managing the Prettier conflict dance, I switched to Biome. One config file, one binary, and I haven't looked back.
Tracking the Invisible: How I Built AI Bot Analytics with Zero Client-Side JavaScript
One Cloudflare Pages middleware file reveals AI crawler visits that client-side JavaScript analytics completely miss—no extra scripts required.
8/9 Building XergioAleX.com
The Best Way to Deploy Your Astro Site for Free
After years deploying static sites on GitHub Pages, I evaluated the free options and landed on Cloudflare Pages. Here's what I learned and what surprised me.
7/9 Building XergioAleX.com
How I Built a Multilingual Website with Astro
Designing multilingual Astro from scratch: typed translations, the Page Wrapper pattern, and scaling to more languages without rewiring components.
6/9 Building XergioAleX.com
Astro and Svelte: Why I Believe They're the Future of Web Development
Why Astro and Svelte simplify modern web development—State of JS 2025 data, benchmarks, and practical lessons from building this website.
Architecture of a Scalable Blog Without a Backend
How this blog scales without a backend: Content Collections, tag taxonomy, client search, series navigation, and bilingual builds.
5/9 Building XergioAleX.com
Measuring What Matters: How I Set Up Free Analytics Without Sacrificing Performance
Chapter four while building XergioAleX.com: free analytics with privacy-first tools that keep Lighthouse at 100—no cookie banners.
4/9 Building XergioAleX.com
The Road to 100: How I Achieved Perfect Lighthouse Scores on Every Category
The story of reaching 100/100/100/100 on Lighthouse PageSpeed for Performance, Accessibility, Best Practices, and SEO on mobile and desktop.
3/9 Building XergioAleX.com
Building XergioAleX.com: How I Built My Personal Website with Astro, Svelte, and AI
From one-page landing to bilingual, AI-ready XergioAleX.com: architecture, stack choices, and why Astro + Svelte fits static sites.
1/9 Building XergioAleX.com
Building sebastianmartinezvanegas.com: The Website I Built for a Talented Colombian Poet
Astro and Svelte portfolio site for Sebastián Martínez Vanegas, Colombian poet and winner of the Emilio Prados International Poetry Prize.
Building sergioykathe.com: The Wedding Website I Built for Our Special Day
A fully static wedding invitation site built with Astro, Svelte, and GitHub Pages — unique codes, RSVP via Google Forms, zero backend.
Migrating Pereira Tech Talks: From Ghost to Astro
Migrating pereiratechtalks.org from Dockerized Ghost to static Astro on GitHub Pages — ten years of lessons packed into two weeks of code.
Astro in Action
Why Astro won me over — Microsoft and Firebase cases, measurable gains, and a live Pereira Tech Talks migration to prove it is not hype.
Building kathelopez.com: The Website I Built for My Wife
A simple static site for my wife, an ABA therapist and neuropsychologist: Bootstrap, GitHub Pages, zero backend, professional presence online.
CSS Grid Layout
How CSS Grid changed the way I think about layouts — from Flexbox limitations to two-dimensional freedom, with practical exercises and accessibility tricks.
Vue Vixens Talk: Styles in Vue
Why styling matters in component-based frameworks and how Vue makes CSS scoped, modular, and powerful. From preprocessors to component architecture.
Building Virtual Reality for the Web: A-Frame, Mazes, and 360° Galleries
How I built WebVR with HTML and JavaScript: a VR maze, a 360° gallery, and 20+ demos proving browser VR doesn't need expensive hardware.
WebVR with A-Frame (UniRemington Talk)
Bringing virtual reality to the web and why democratizing VR matters. From 360° photos to interactive 3D worlds, all with HTML and JavaScript.
Yo Me Llamo Héctor Lavoe: Building a Personal Website for a Salsa Artist
Website for a Yo Me Llamo contestant as Héctor Lavoe: audio player, gallery, and a jPlayer Safari fix that took an afternoon over three pixels.
Introduction to Webpack
How Webpack transformed front-end development—my talk on entry points, loaders, plugins, and why developer experience beats configuration complexity.
Building Rocka.co: The Story Behind a Tech Venture Builder Website
How we built Rocka.co—from statue metaphors and parallax to a CSS Design Awards Special Kudos—for the incubator where DailyBot was born.
Introduction to APIs with GraphQL
Why GraphQL changed how I build APIs: strong typing, client-driven queries, one endpoint, and an experience that makes REST feel outdated.
Introduction to Vue.js
Why Vue became my favorite framework after years of Angular and React — a deep dive into progressive design, reactivity, and what makes Vue special.
Learning Webpack: The Exercises That Changed How I Build for the Web
Hands-on Webpack 4: loaders, preprocessors, code splitting, DLL optimization, React integration, and backend bundling—how practice demystified the bundler.