À la une Build
Particle systems in the browser, a first tour
How a WebGL particle field works: Points, per-vertex attributes, morph targets, GPU versus CPU updates, additive blending and a runnable three.js example.
Journal
Notes sur la création, le design et le web.
Des articles pratiques sur le mouvement, la typographie, la performance, le référencement et les outils d'IA. Rédigés avec l'aide de l'IA et publiés sous la direction de Saliem Talash.
Articles en anglais. Les pages du site sont disponibles en français, les articles du Journal sont pour l'instant publiés en anglais seulement.
Tous les articles
-
Craft
A blue palette that does not turn purple
Why blue drifts violet in glows and gradients, how OKLCH hue angles fix it, and a working token set with a method to test it on real screens. -
Founders
A one-page spec for a first release
A one-page spec for a first release: user, goal, must/should/won't scope, 'done when' criteria, constraints and rollback, plus a script that checks it. -
Build
A performance budget for a site with WebGL
What to cap on a WebGL site: pixel ratio, particles, textures, shaders and frame time, with device tiers, on-demand rendering and how to measure. -
Founders
A plans page that explains itself
Structure a plans page: audience-led plan names, limits that say what happens at the edge, an accessible comparison table, plus clear free and cancel text. -
Build
A site launch checklist for a static site
A launch audit for a static site in two passes: a script over the built folder, then curl checks on the live host for redirects, status codes and caching. -
Craft
A work page that explains itself in ten seconds
How to structure each project entry on a portfolio or work page: what it is, who it is for, one honest line of proof, plus ordering, imagery and links. -
Build
Accessibility of canvas and WebGL content
Canvas and WebGL output is a bitmap. How to name it, describe it, hide it when decorative, and make a viewer keyboard-operable, with browser results. -
AI
AI-generated content and search: what Google says
A close reading of Google's AI content guidance, its scaled content abuse policy and helpful-content questions, with dates and what they leave unsaid. -
Web
Canonical URLs, redirects and the www question
Choose one address per page: rel=canonical, 301 versus 308, apex versus www, trailing slashes and HTTPS, with curl checks and a duplicate-URL table. -
Build
Core Web Vitals in plain language
LCP, INP and CLS explained with the published good thresholds, what actually moves each one, lab versus field data, and a diagnosis table. -
Craft
Dark interfaces that stay readable
Contrast math for dark UI: WCAG 4.5:1 and 3:1 in practice, a worked table of text levels, and why pure black grounds are worth avoiding. -
Craft
Easing is a personality
What cubic-bezier curves do, why entrances use ease-out and exits ease-in, and a table of durations and curves for a design system. -
Build
Font loading without layout shift
Why web fonts move text, how font-display, preload, subsetting and metric-matched fallbacks fix it, and a before-and-after method to prove it. -
Craft
Frames, brackets and borders in interface design
How hairline frames, corner brackets and inset chrome create place and focus on a page, with CSS patterns and the performance and accessibility costs. -
Build
How a page transition works without a framework
Build soft page transitions with fetch, DOMParser and history.pushState: scroll restoration, focus, announcements, caching, Back and Forward, fallbacks. -
Web
How DNS works for someone who just bought a domain
Registrar, registry, DNS host and web host explained, plus record types, TTL, why an apex CNAME fails, what propagation is, and dig with real output. -
AI
Reviewing AI-written copy before it goes public
A seven-step review for AI-drafted articles and pages: a claim ledger, a script that tests quotes against sources, metadata checks and a recorded sign-off. -
Web
hreflang for a bilingual Canadian site
Which codes to use for English and French in Canada, how reciprocal pairs, x-default and real language links work, and how to handle partial translation. -
Build
Images in 2026: AVIF, WebP and srcset
Pick image formats, write srcset and sizes correctly, reserve space, set loading and fetchpriority, and know when a video is the wrong answer. -
Web
Internal linking that passes context
Write internal links that tell readers and Google what the next page is about: anchor text, context, real anchors, and a script that finds orphan pages. -
Web
Keeping names, handles and profiles consistent
Decide once which name goes where: site name, display name, handle and legal name, how Google reads them, and how to audit and change them without drift. -
Founders
Naming a product: a method that kills bad names early
A staged method for naming a product: write the brief, generate widely, run cheap checks first, then domain and Canadian trademark searches. -
Craft
Pairing a display serif with a geometric sans
How to pair a display serif with a geometric sans: roles, x-height matching, optical size, tracking and line-height, and italic as emphasis. -
Web
Pointing a domain at a new host without downtime
A cutover plan: lower the TTL, stage and test on the new host, line up the certificate, switch records, keep www working, check CAA and DNSSEC, roll back. -
Craft
prefers-reduced-motion, done properly
What to remove and keep when a visitor asks for less motion: the media query, matchMedia, canvases, video, pause controls, WCAG and a test routine. -
Build
Preview deployments and rollbacks
How preview URLs, staged production builds, promotion and instant rollback work on Vercel, what each proves or restores, and the trap after a rollback. -
Founders
Release notes people read
Turn a commit log into release notes users read: Keep a Changelog structure, what version numbers promise under SemVer, wording rules and a checker script. -
Founders
Shipping every week as a team of one
A weekly release routine for a solo builder: slice work small, keep main deployable, hold the date and quality, flex scope, and measure with a script. -
Web
Sitemaps, robots.txt and Search Console for a new site
What a sitemap, robots.txt and noindex each do and do not do, how to verify ownership, read the indexing reports, and run a day-one sequence. -
Craft
Smooth scrolling without the regret
What smooth-scroll libraries change, what to test in find-in-page, keyboard, anchors and focus, and how to scope the effect and respect reduced motion. -
Build
Static HTML first: why server-rendered pages still win
What a crawler and a slow phone actually receive from static, server-rendered and client-rendered pages, and how to check your own site with curl. -
Web
Structured data for a person and a small company
JSON-LD for Person, Organization, WebSite and Article with @id and sameAs done properly, how to validate it, and what it does not promise. -
Web
Titles, descriptions and snippets
What Google's documentation says about title links and snippets, why length is not a rule, why your text gets rewritten, and how to test the result. -
AI
What an AI website builder can and cannot do
A decision framework for AI site builders: where drafts are strong, where they invent or generalise, what a person must check, and a pre-publish list. -
AI
Writing a prompt that produces a better first draft
Audience, offer, facts, tone, constraints and exclusions: a prompt anatomy with a fictional before and after, and how to iterate in small diffs.