Reading
Artículos, posts y recursos que he guardado para leer, aprender y consultar.
Type Branding in Typescript
The Initial DiscoveryThe other day, while exploring the Zod documentation for some type schema validators for one of my side projects, I stumbled upon something intriguing that didn’t immediately clic
typescriptjavascript
The Programmer Identity Crisis ❈ Simon Højberg ❈ Principal Frontend Engineer
On AI, Creativity, and Craft
aiprogramming
library-mcp: working with Markdown knowledge bases | Irrational Exuberance
At work, we’ve been building agentic workflows to support our internal Delivery team on various accounting, cash reconciliation, and operational tasks. To better guide that project, I wrote my own simple workflow tool as a learning project in January. Since then, the Model Context Protocol (MCP) has become a prominent solution for writing tools for agents, and I decided to spend some time writing an MCP server over the weekend to build a better intuition.
aiagentsmcp
Good vs Great Animations
Practical tips on how to go from good to great animations.
cssanimations
It's time for modern CSS to kill the SPA - Jono Alderson
Native CSS transitions have quietly killed the strongest argument for client-side routing. Yet people keep building terrible apps instead of performant websites.
frontendcssjavascriptOnboarding for coding agents - fuzzycomputer.com
How I shrunk my CLAUDE.md file to 13 lines
aiagentsIntroducción a Lighthouse | Chrome for Developers
Obtén información para configurar Lighthouse y auditar tus apps web.
readingarticleAuditoría del rendimiento | Articles | web.dev
Una auditoría de tu sitio o app te ayudará a crear una experiencia resiliente y eficaz, y a destacar los beneficios rápidos que se pueden implementar con una aprobación mínima. Una auditoría también te proporciona un modelo de referencia para el desarrollo basado en datos. ¿Un cambio mejoró las cosas? ¿Cómo se compara tu sitio con el de la competencia? Obtienes métricas para priorizar el esfuerzo y evidencia concreta para presumir cuando realizaste mejoras.
readingarticleRuta de acceso de representación crítica | Articles | web.dev
La optimización de la ruta de acceso de representación crítica hace referencia al hecho de priorizar la visualización de contenido relacionado con la acción actual del usuario.
readingarticleConstrucción, diseño y pintura del árbol de representación | Articles | web.dev
Un paso crítico en la ruta de acceso de representación crítica implica la construcción del árbol de representación, realizar operaciones de diseño para crear una página a partir de este y pintar los píxeles de la página resultante en la pantalla.
readingarticleMétricas de rendimiento centradas en el usuario | Articles | web.dev
Las métricas de rendimiento centradas en el usuario son una herramienta fundamental para comprender y mejorar la experiencia en tu sitio de una manera que beneficie a los usuarios reales.
readingarticleCómo construir el modelo de objetos | Articles | web.dev
Aprende cómo el navegador construye los árboles DOM y CSSOM.
readingarticleIsland Architecture for UI Development
Unlock the potential of Island Architecture for UI Development. Enhance your design expertise and create visually appealing user interfaces
readingarticle
Building LLM applications for production
[Hacker News discussion, LinkedIn discussion, Twitter thread]
readingarticlePatterns for Building LLM-based Systems & Products
Evals, RAG, fine-tuning, caching, guardrails, defensive UX, and collecting user feedback.
readingarticle
A Complete Guide To Incremental Static Regeneration (ISR) With Next.js — Smashing Magazine
Incremental Static Regeneration (ISR) is a new evolution of the Jamstack, allowing you to update static content instantly without needing a full rebuild of your site. The hybrid approach of Next.js allows you to use ISR for e-commerce, marketing pages, blog posts, ad-backed media, and more. In this article, Lee Robinson will explore a new evolution of the Jamstack: Incremental Static Regeneration (ISR). Below you’ll find a guide to ISR — including use cases, demos and tradeoffs.
readingarticleCreate React components with Tailwind like a pro
Create reusable Tailwind components in React. Learn how clsx, tailwind-merge, and class-variation-authority can simplify your coding journey.
readingarticle
Handling Text Over Images in CSS
Learn how to handle text over images in CSS by taking accessibility in mind
readingarticle
Create an Infinite Horizontal Scroll Animation with Tailwind CSS - Cruip
In this tutorial, we will show you how to create a cool infinite horizontal animation using only CSS. This effect can be used to display a variety of
readingarticle