Cada decisió té un perquè.
Aquesta pàgina és la cuina visible de l'estudi. La majoria dels visitants no la necessitaran. Si has arribat aquí, probablement treballes amb tecnologia i vols saber com està fet aquest lloc i què hi ha darrere. Aquí ho expliquem sense acrònims innecessaris.
Llocs estàtics, lleugers i fàcils de mantenir.
La web es genera estàticament: cada canvi compila tots els documents HTML i els puja al CDN. No hi ha base de dades, ni servidor que pugui caure, ni capa de cache que es desactualitzi. La conseqüència pràctica és previsibilitat: el lloc respon igual a tothom, sigui de Centelles, de Madrid o de Buenos Aires.
Pressupost de rendiment.
Cap pàgina supera 100 KB de JavaScript ni 250 KB de CSS, i la primera pintura útil hauria d'arribar abans dels 1.5 segons en connexió 4G de qualitat baixa. Els objectius Core Web Vitals — LCP < 2.5 s, INP < 200 ms, CLS < 0.1 — es vigilen a cada publicació amb una mesura Lighthouse.
La taula següent és una instantània versionada al repositori (API de
PageSpeed, estratègia mòbil). Es pot regenerar amb pnpm lighthouse:update i la
variable d’entorn PAGESPEED_API_KEY
; així les puntuacions públiques queden alineades amb la versió de
producció sense depèndre d’aquest navegador.
| Pàgina | Rendiment | Accessibilitat | Pràctiques | SEO |
|---|---|---|---|---|
| Portada · català | 93 | 96 | 100 | 100 |
| Portada · castellà | 92 | 96 | 100 | 100 |
| Arxiu fotogràfic | 73 | 96 | 100 | 100 |
| Casos web | 93 | 92 | 100 | 100 |
| Colofó | 95 | 96 | 100 | 100 |
Mesura vía Google PageSpeed Insights API v5, estratègia mobile . Darrera actualització: .
WCAG 2.2 AA per defecte.
Cada pàgina compleix els criteris WCAG 2.2 nivell AA: contrast
suficient, focus visible amb anella bermellona, salt al
contingut, jerarquia única de capçaleres i navegació amb teclat.
L'API prefers-reduced-motion
es respecta sempre — si la preferència és reduïda, les animacions
del slogan, els marquees i el reading mode queden inhibits.
- Mode de lectura disponible a les galeries de fotografia (5 s d'inactivitat).
- Navegació amb teclat completa: Tab, Esc, fletxes, Enter.
- Lightbox accessible amb diàlegs natius (
<dialog>). - Tots els enllaços externs porten
rel="noopener".
Direcció humana, execució assistida.
Treballo amb assistents de codi i d'imatge per cobrir la part més mecànica de la producció; no per escurçar el criteri. El criteri editorial — la veu, la jerarquia, la decisió de què ensenyar i què treure — és sempre meu. Cap còpia es publica sense revisió. Cap fotografia signada com a obra meva ve d'una IA: les sèries de fotografia editorial són pròpies, captades amb càmera de 35 mm i tractades amb llum present.
Els casos web etiquetats com a Concept · 2026 són propostes presentades als clients i pendents de signatura. Quan un projecte es publiqui amb el client, l'etiqueta passarà a En producció i s'afegirà la URL pública verificada.
Aquesta divisió — direcció humana, execució assistida — és deliberada. La defensa és senzilla: el resultat el firmo jo i en responc.