Hola, soc xarop 👋
Frontend Engineer · Barcelona 🌊
HTML semàntic · Accessibilitat (WCAG 2.1 AA) · Progressive enhancement · Zero-JS per defecte
Soc desenvolupador front-end a Barcelona. Disenyo i construeixo webs ràpides, accessibles i sostenibles — la mena de webs que carreguen al primer intent fins i tot amb cobertura dolenta i un mòbil de fa cinc anys.
I'm a front-end developer based in Barcelona. I design and build fast, accessible, and sustainable websites — the kind that load on the first try even with poor signal and a five-year-old phone.
Soy desarrollador front-end en Barcelona. Diseño y construyo webs rápidas, accesibles y sostenibles — el tipo de webs que cargan al primer intento incluso con mala cobertura y un móvil de hace cinco años.
TL;DR — HTML primer, CSS després, JS només si cal. · HTML first, CSS next, JS only if needed. · HTML primero, CSS después, JS solo si hace falta.
🧱 Stack: JavaScript · Vue.js · Node.js · PHP · WordPress · CSS modern · HTML5
♿ Obsessió / Obsession / Obsesión: accessibilitat real, llegibilitat i performance
🌍 Idiomes / Languages / Idiomas: CA · ES · EN · SV · IT
📍 Barcelona — disponible per a projectes remots o híbrids · available for remote or hybrid projects · disponible para proyectos remotos o híbridos
🌐 xarop/web — La meva web personal · My personal site · Mi web personal
Generador estàtic propi en Node.js (~280 línies), sense frameworks pesats. Markdown a HTML, multillengua (CA/ES/EN/SV/IT), mode clar/fosc amb detecció automàtica, set paletes de color (maduixa, nabiu, gerd, menta, llimona, taronja, regalessia), comentaris via giscus, RSS, View Transitions i desplegament amb GitHub Actions a GitHub Pages.
Zero JS obligatori. WCAG 2.1 AA.
🧾 wc-facturae-generator — FacturaE per a WooCommerce
Plugin que genera fitxers XML en format FacturaE a partir de comandes WooCommerce. Útil de veritat per a botigues que facturen a administracions públiques espanyoles.
🎨 xarop-theme — Tema base WordPress · Base WordPress theme · Tema base WordPress
Tema base lleuger per a projectes WordPress. Punt de partida net i sense bloat.
📚 awesome-design-md
Recopilació curada de recursos de disseny en format Markdown. · Curated collection of design resources in Markdown. · Recopilación curada de recursos de diseño en Markdown.
🌱 somgrau · napptilius
Projectes de client i experiments. Tot el codi obert, perquè aprendre mirant codi real és la millor escola.
| Front-end | Back-end & CMS | Eines & Pràctiques · Tools & Practices · Herramientas |
|---|---|---|
| HTML5 semàntic, CSS modern (Grid, Flex, container queries) | PHP, WordPress (temes i plugins a mida) | Git, GitHub Actions, CI/CD |
| JavaScript vanilla, Vue.js | Node.js, generadors estàtics propis | Accessibilitat (WCAG 2.1 AA) |
| Disseny responsive i mobile-first | WooCommerce, FacturaE | Performance budget, Core Web Vitals |
| Progressive enhancement | Integracions amb APIs i feeds | i18n / multillengua |
Estic obert a col·laboracions, projectes interessants o simplement una bona conversa sobre per què el web s'està tornant innecessàriament complicat.
I'm open to collaborations, interesting projects, or just a good conversation about why the web is becoming unnecessarily complex.
Estoy abierto a colaboraciones, proyectos interesantes o simplemente una buena conversación sobre por qué la web se está volviendo innecesariamente compleja.
🌐 Web · xarop.com
📄 CV · xarop.com/cv
📬 Email · ajl@xarop.com
🐙 GitHub · @xarop
« El millor JavaScript és el que no escrius. · The best JavaScript is the one you don't write. · El mejor JavaScript es el que no escribes. »