Sistemes
hpServer: la Wi-Fi que es caïa i com es cura sola
Diagnòstic complet d'un adaptador Realtek RTL8822BU que perdia l'enllaç: com aïllar la capa que falla i un watchdog systemd que recupera la xarxa sol.
Notes
Idees, mètodes i eines que val la pena conservar.
Un espai independent per compartir processos de treball, eines i aprenentatges que poden ser útils en projectes digitals.
Desenvolupament web
Del Resum a l'editor: el panell agafa forma
Umami desapareixia de la portada, el gràfic guanya un selector de mètrica i el disseny de referència del Resumen s'estén a Cuenta, Articles i l'editor.
Desenvolupament web
Un fantasma a la home i 19.000 imatges a la cua
Dos frentes el mateix dia: un hydration mismatch sense traça a la home i un script per pujar 19.000 fitxers de WordPress a Payload. El que va fallar i com ho vam resoldre.
Desenvolupament web
El dia que producció no va perdonar: dashboard, editor i estadístiques
Migració del dashboard a React, documentació d'arquitectura i tres errors encadenats en producció: el 502 del proxy, l'editor que no muntava i les estadístiques inabastables.
Desenvolupament web
Una web base per reutilitzar: Astro, FastAPI i un dashboard propi
El meu primer projecte en Astro, després d'anys amb WordPress: una base ben plantejada per als propers projectes.
Desenvolupament web
El migrador ja parla amb el WordPress de producció
Primer pilot contra el WordPress real: autenticació dual, prefixos de taules, catàlegs de comarques i HTML de Gutenberg convertit a Lexical.
Desenvolupament web
El migrador aprèn a parlar amb Payload
Autenticació per API key, CLI d'importació amb idempotència i retries, i credencials fora del repositori. El migrador de WordPress ja està a punt per al pilot.
Mètodes
Auditoria abans de tocar res
El primer pas del redisseny de Pànxing no va ser dissenyar: va ser mesurar.
Desenvolupament web
Del prototip al disseny validat
Cinc propostes de disseny, una de triada: així és Editorial v2 i per què.
Desenvolupament web
Diari del projecte: per on vaig
Fase 2 en marxa: estat del projecte i com continuaré documentant-lo aquí.
Desenvolupament web
El 404 amb estil, el 500 caçat i el primer esbós del migrador
Pàgines d'error pròpies, una auditoria que converteix 500 en 404, i el primer esbós del migrador de WordPress a Payload amb 64 tests.
Mètodes
Especificacions abans que codi
Especificacions per fases amb criteris d'acceptació abans d'escriure codi.
Desenvolupament web
Reconstrueixo Pànxing des de zero
Per què deixo WordPress i construeixo una plataforma pròpia per a panxing.net.
Mètodes
42 (XII): C++, els mòduls
De C a C++: classes, herència, polimorfisme i overload. El canvi de mentalitat després d'un any de C estricta.
IA i automatització
Escriure en Markdown: per què importa i què té a veure amb la IA
Markdown s’ha convertit en una eina clau per comunicar-me amb agents d’IA. Estructurar el context, les instruccions, els passos i les restriccions ajuda a reduir errors i obtenir resultats més fiables, especialment en tasques complexes.
IA i automatització
Gestió editorial amb IA: entre l’automatització i el criteri humà
Sistema de gestió editorial amb IA creat per automatitzar la preparació, edició i exportació de continguts per a WordPress. El projecte combina IA, OCR i validació de dades per agilitzar el procés, mantenint la supervisió humana com a part essencial per garantir la fidelitat, la qualitat lingüística i el criteri editorial.
IA i automatització
Com treballo amb agents d’IA
Reflexió sobre com he integrat agents d’IA en el meu flux de treball diari, què funciona, què no i què n’he après.
IA i automatització
Hermes Team Hub: coordinar agents d'IA
Un panell central perquè varis agents d'IA col·laborin: API, WebSocket i com repartir la feina entre ells.
Eines
DailyRapport, l'app del registre diari
Una aplicació web per registrar la feina de cada dia: què vaig necessitar, com la vaig fer i què hi ha dins.
Mètodes
Secret Horse Race: el joc de les piscines
Un joc privat per seguir els pisciners de 42 Barcelona, perquè no es pot tenir contacte amb qui vol entrar: cada carrera és una piscina, cada pisciner un…
Mètodes
42 (XI): NetPractice, xarxes sense servidor
Un simulador per configurar xarxes: màscares, routing i el que passa quan la IP està mal posada.
Sistemes
Com es publica aquesta web
El flux commit, build i publish darrere d'aquest bloc: releases numerades, contingut en Git i zero bases de dades.
Mètodes
42 (X): Cub3D, raycasting i parets que semblen 3D
Un motor 3D sense motor: raycasting estilo Wolfenstein, textures i el projecte que més ha impactat en veure'l funcionar.
Mètodes
42 (IX): minishell, un terminal des de zero
Recrear bash: parser, pipes, redireccions, variables d'entorn. El projecte més gran fins ara, amb entorn MSX net per avaluar.
Eines
Un pont entre plataformes d'aprenentatge
Migrar i sincronitzar usuaris i cursos entre una plataforma vella i una de nova: integracions, scripts i cura amb dades reals.
Mètodes
42 (VIII): philosophers, fils a taula
Filòsofs que mengen, pensen i moren de fam: concurrència, mutex i deadlocks explicats amb espaguetis.
Mètodes
42 (VII): so_long, el primer joc
Un joc 2D amb minilibX: sprites, events de teclat i el bucle de renderitzat. La part més divertida fins ara.
Mètodes
42 (VI): push_swap, ordenar amb una mà lligada
Ordenar una pila amb un joc limitat de moviments i el mínim d'instruccions: algorismes, heurístiques i frustració sana.
Mètodes
42 (V): pipex, tuberies de Unix
Dup2, fork i descriptors de fitxer: recrear el funcionament de les tuberies de la shell i entendre-les de debò.
Mètodes
42 (IV): el primer examen, rank 2
El primer examen de 42: tres hores, pressió real i cap internet. Com és i què se sent en sortir-ne aprovat.
Mètodes
42 (III): ft_printf, el printf propi
Recrear printf amb variadic arguments: formaters, amplades i la il·lusió de facilitat d'una funció que usem cada dia.
Mètodes
42 (II): get_next_line, llegir fitxers línia a línia
Buffers estàtics i memòria entre crides: el projecte que ensenya què passa realment quan llegim un fitxer.
Sistemes
El disc que s'omplia sol
Quan df i du no es posen d'acord: espai fantasma sota un punt de muntatge, i com mirar el disc real amb un contenidor efímer.
Mètodes
42 (I): libft, construint la caixa d'eines
El primer projecte de 42: reescriure funcions bàsiques de C sense llibreries. On s'aprèn de veritat què fa malloc.
Sistemes
Servidor mort o fora de xarxa?
Com distingir una màquina caiguda d'una que només ha perdut la xarxa, i per què els muntatges SSHFS són el dany col·lateral més molest.
Sistemes
Un vigilant de disc amb cron
Monitoritzar l'espai lliure d'un servidor amb un script i cron: silenci quan tot va bé, avís clar quan no.
Eines
El correu des de la línia de comandes
Gestionar el correu amb Himalaya des del terminal: revisar, filtrar i esborrar en segons, i deixar que cron faci la feina bruta.
Eines
Automatització de documents: Excel i XML
Scripts per netejar llistats d'Excel amb duplicats i per convertir XML a DOCX: la feina avorrida, resolta.
Eines
Eines de continguts per a WordPress
Tres eines pròpies per gestionar continguts a WordPress: importació XML, agendes i un gestor de marcadors.
Sistemes
La meva xarxa privada amb Tailscale
Com tinc connectats imac, fxserver, hpserver i mòbils en una xarxa privada xifrada sense obrir cap port del router.
Eines
Com evitar que seleccionin el text de la teva web amb CSS
user-select: none amb els prefixes de Safari i Internet Explorer per desactivar la selecció de text a paràgrafs i encapçalaments.
Eines
L'estil del focus: estètica i accessibilitat en el disseny web
Com es pot treure el contorn del focus amb CSS per guanyar cohesió visual, i per què cal oferir sempre una alternativa accessible.
Desenvolupament web
Botó de canvi de mode dia/nit: estètica i experiència d'usuari
El mode nit/dia millora la primera impressió, evita la fatiga visual i funciona a qualsevol pantalla, amb un sol botó. Exemple de codi inclòs.
Eines
Per què és crucial ocultar la versió de WordPress
Oculta les versions dels CSS i JS del teu WordPress i redueix la superfície d'atac: menys pistes per a qui busca vulnerabilitats.
Mètodes
La importància del disseny gràfic per a la teva marca
Què és el disseny gràfic, com influeix en la percepció de la teva marca i què n'aprenen casos com Coca-Cola, Airbnb, Apple, Nike i Google.
Desenvolupament web
Etiquetatge schema: què és i com et pot ajudar la teva web
Què és l'etiquetatge schema, quins tipus hi ha i com implementar-lo amb exemples de codi per millorar la visibilitat als motors de cerca.
Eines
El truc per detectar imatges sense atribut ALT a WordPress
Un fragment de codi amb Code Snippets marca en vermell les imatges sense atribut ALT només per als administradors, per detectar-les de cop d'ull.
Mètodes
7 claus per aconseguir un disseny web realment impactant
Set principis perquè la teva web destaqui: originalitat, valors de marca, sostenibilitat, experiència d'usuari, minimalisme i escalabilitat.
Eines
Adminimize: personalitza el tauler de WordPress
Adminimize et permet controlar menús, submenús i permisos per rol per deixar el tauler d'administració més net i eficient.
Eines
Optimitza el backend de WordPress ocultant els widgets
Com ocultar els widgets del backend de WordPress amb Code Snippets per gestionar el lloc de manera més ordenada i eficient.
Desenvolupament web
Per què utilitzar nous formats d'imatge a WordPress
WebP, HEIC, HEIF i AVIF ofereixen millor qualitat i mida de fitxer. Com activar-los a WordPress i què guanyes en velocitat i estalvi d'espai.
Eines
Com eliminar elements del menú d'administració de WordPress amb Code Snippets
Neteja el menú d'administració de WordPress de manera segura amb el plugin Code Snippets: passos, un exemple pràctic i consells per no errar-hi.
Mètodes
La clau per generar confiança i atraure clients
El blog converteix la teva presència en línia en una eina poderosa: contingut valuós, autenticitat i confiança que et fan ser la primera opció.
Desenvolupament web
Per què hauries d'afegir capçaleres de seguretat al teu lloc
Què són les capçaleres de seguretat HTTP, quines funcions compleixen i com configurar-les al .htaccess d'un WordPress.
Mètodes
La pàgina «Sobre mi»: més que una biografia
Consells per escriure una pàgina «Sobre mi» que generi confiança: coneix el públic, humanitza la marca i afegeix testimonis.
Desenvolupament web
Per què fer un test de velocitat?
Les principals eines per mesurar la velocitat d'una web i com aprofitar-les per optimitzar el rendiment i el SEO.
Mètodes
Desenvolupa la teva marca personal: la combinació perfecta entre identitat i habilitats
Com construir una marca personal que uneixi identitat i habilitats professionals, i per què la web n'és una peça fonamental.