A browser that uses a non mainstram tabbing concept

Personal *log by Mohamed Ez-zaouia

Before-After-Control-Impact (BACI) power analysis for several related populations (with unknown variance matrix)

Animation study — hover text shuffle. Letters decode from the cursor position outward (scramble to glyphs, then resolve). Pure HTML/CSS/JS, no build.

Fitness Gym Design Study — reshape persona (FORGE STUDIO). Premium transformation studio proving results via body-composition metrics. Fictional design study.

Fitness Gym Design Study — studio persona (ATELIER FIT). Coworking with embedded gym for the work-train-recover daily rhythm. Fictional design study.

Fitness Gym Design Study — salon persona (MIDNIGHT CLUB). Gym × hotel lounge × members' bar — stylish social space without dating-site vibes. Fictional design study.

LUEUR — K-beauty × Y2K girly apparel brand. Fictional brand design study.

HEX — fictional Web3 / generative art gallery. Part of the art-gallery persona design study.

Animation study — organic blob morphing via multi-octave noise + global breath + cursor proximity. Built into a fictional conversational AI SYNCH hero with listening/thinking/speaking state synchronization. Pure HTML/CSS/JS, no WebGL.

Beauty Salon Design Study — ivoire persona (MAISON IVOIRE). Ginza maison built on three ivory tones (Ivoire / Marbre / Vélin), never touching pure white. Fictional design study.

Animation study — scroll-driven typography. Sticky 100vh stage interpolates font-size, letter-spacing, weight, opsz, SOFT, WONK across 4 panels. Built into a fictional type foundry FOUNDRY ÅNGSTRÖM product page for QUARTZ DISPLAY. Pure HTML/CSS/JS, Fraunces variable font.

Seaside bookshop design study — minato persona site (fictional shop, for design research only)

Animation study — fluid mask gallery transition. Wavy liquid curtain covers/swaps/reveals; per-work effects (sand ripples, backlit field, particles, skyline). Pure HTML/CSS/JS, no WebGL.

Seaside bookshop design study — sangosho persona site (fictional shop, for design research only)

Animation study — 3D camera-dive page transition. Camera punches through the current screen into the next (pure CSS 3D, no WebGL). Pure HTML/CSS/JS, no build.

hibi-zakka — Natural wa-modern vintage zakka shop. Fictional design study.

Animation study — layered parallax product page. Scroll-driven multi-layer depth + 3D product micro-rotation + hairline spec annotations. Apple/B&O-style. Pure HTML/CSS/JS, no WebGL.

TSUCHI to ITO — Mingei folk-craft vintage sundries shop. Fictional design study.

Animation study — 3D tilt card with cursor-driven rotateX/Y and synchronized holographic conic gloss + linear shine streak. Built into a fictional design studio Studio HALO portfolio (6 works, identity/motion/book/restaurant/magazine/packaging). Pure HTML/CSS/JS.