✦‧₊˚ Meuf, ou t'a appris le code ? T'es développeuse ?
Aaaah PAS du tout. J'ai appris les bases pendant mes études, et toute la suite s'est faite en autodidacte. À mon stade, je ne peux pas coder tout le temps seule et j'ai bien sûr besoin de vérifier si mes balises tiennent la route. Si vous cherchez des tips, je vous conseille HTML Semantics Cheat Sheet ↗. Il faut juste accepter de se perdre sur Internet : en fouillant, je suis tombée sur des mines d'or comme PetraPixel ↗, qui partage gratuitement des gabarits et des tutoriels.
✦‧₊˚ Tu penses quoi du « vibe coding » ?
Ces derniers temps, j'ai beaucoup navigué sur la vague du vibe coding qui inonde les réseaux. Forcément, j'ai en tête ce qu'on lit partout sur les forums : « Si tu ne sais pas coder ton JavaScript toi-même, reste en HTML/CSS et tu reviendras plus tard. » D'ailleurs, voir une vraie communauté défendre le 100 % fait main, comme sur No-AI Webring ↗, force le respect.
Alors, est-ce que j'ai cédé aux sirènes du capitalisme tech ? Vraie question... J'ai fini par utiliser l'IA pour ce bloc de JavaScript que je n'arrivais pas à régler toute seule. Mais sitôt fait, un sentiment de malaise s'installe. Ça me saoule un peu d'avoir sous-traité mon code à une machine, au point que je me dis parfois qu'il vaudrait mieux tout raser pour repartir brick by brick. C'est le piège de la simplicité apparente : on délégue, mais on perd la maîtrise de ce qu'on construit.
Heureusement, la réalité est plus nuancée. Je touche à tout, je bidouille, et heureusement qu'il y a des templates et des bases customisables partagées par des communautés hyper actives. Toutes ces ressources me poussent à créer et maintenir mon site et mon blog par moi-même, sans me reposer en permanence sur l'IA. Tant pis si ce n'est pas parfait, l'important est là : je construis mon truc.
Et dans tout ça, il y a un point crucial : s'il y a autant de ressources gratuites et inspirantes en ligne, n'hésitons jamais à créditer les auteurs. C'est aussi ça, les vrais enjeux aujourd'hui : s'entraider, garder le contrôle de nos créations et préserver le lien humain dans un web qui a tendance à s'industrialiser.
✦‧₊˚ Et l'accessibilité ou la version mobile, on en parle ?
Franchement ? Au début, coder un site c'était déjà tellement long que I couldn’t care less de l'accessibilité et du responsive. Je faisais comme si c'était un « parti pris radical », mais non, c'était juste que j'avais la flemme de tout adapter sur mobile. Bon, j'ai fini par faire des efforts grâce à des guides comme Accessibility Tool Audit (AlphaGov) ↗. C'est un exercice qui me saoule un peu dans le processus, MAIS c'est aussi toute la beauté de l'exercice !
✦‧₊˚ D'où viennent les petites images en pixels et cette mise en page ?
Les petites illustrations en noir et blanc viennent d'HyperCard, un logiciel mythique créé par Bill Atkinson pour Apple en 1987 qui a popularisé les liens hypertextes. J'ai découvert cette esthétique en tombant sur le site de Altalenae ↗, et j'ai récupéré toute ma collection de petits visuels sur la page HyperCard Graphics d'egardepe ↗. Comme ce sont des images en 1-bit, elles ne pèsent presque rien. Pour traiter d'autres images dans cet esprit tramé très léger, j'utilise aussi l'outil Dither Me This ↗, ainsi que le nuancier Baccyflap Color Reference ↗ pour calibrer mes couleurs.
✦‧₊˚ Quels sont les artistes et les sites qui t'ont inspirée ?
Je voulais construire un espace qui croise l'esprit des vieux blogs et de Myspace avec une direction artistique très nette sur fond blanc. Le profil de Jason Bartz ↗ m'a fait marrer pour sa manière d'organiser les choses en boîtes thématiques. J'aime aussi la page musicale de Nanacore ↗ pour ses touches de rose, l'univers de Delovely ↗, et le rapport aux archives de Christina Chen ↗ ou de Everything I Love ↗.
J'ai beaucoup fouillé les webrings (comme Hotline Webring ↗), et un site que j'ai vraiment aimé, c'est PetraPixel ↗ parce qu'il y a tellement de recherches et de ressources de ouf, d'ailleurs, les sites faits via Neocities ↗ sont vraiment super cool. Et pour celles et ceux qui veulent se lancer, allez voir ʕ•ᴥ•ʔ Bear ↗ ou les templates de Petra ↗ !