iiinova — where your digital self keeps evolving

Bastien Cornier @bastiencornier.bsky.social · 23/09/2026

Nice! Happy to see some dwitter sorcery back in my feed🤘

Reposted by Bastien Cornier

beyond tellerrand @beyondtellerrand.com · 21/09/2026

“Generative AI can seem astonishingly real, but like the spoon in The Matrix, it’s just an illusion.” Léonie Watson (@tink.uk), beyond tellerrand Düsseldorf 2025. beyondtellerrand.com/events/dusse... #btconf #mondayMixtape

03112

Bastien Cornier @bastiencornier.bsky.social · 11/09/2026

Works on my old rusty iphone 8 and no smoke coming out of it ! 🙌

Mobile screenshot of a 3d low poly world on brave browser. We see a human figure standing in the middle third person view. Around him a low poly dark ground with squares and smoke around. It’s not smooth as butter but it works

011

Bastien Cornier @bastiencornier.bsky.social · 09/09/2026

[WIP] Back in Three.js digging into TSL for WebGPU. Same real elevation data as my bot @reliefbot.bsky.social, now rendered as a 3D scanline relief to play with HUD overlays. Using MeshLine lib by @makio64.bsky.social for the lines and it just works. More soon! #ThreeJS #WebGPU #creativecoding

180

Reposted by Bastien Cornier

shri @shrikhalpada.dev · 27/08/2026

My latest interactive explainer all about the technology behind record players is done! perthirtysix.com/how-the-heck...

923151

Reposted by Bastien Cornier

404 Media @404media.co · 17/08/2026

EXCLUSIVE: 404 Media placed a tracking device in a shipment of rare books to see which AI company was buying it, and found an Amazon facility where Amazon scans and destroys books. @evystadium.bsky.social has more. Investigation by @emanuelmaiberg.bsky.social here: www.404media.co/we-tracked-a...

5727831763

Reposted by Bastien Cornier

Smooth Dunk @smoothdunk2.bsky.social · 12/08/2026

AI Guy Asks AI To Help Him Read Difficult Books

4 panel comic

Panel 1: Orange Guy holds up book and says “I’m gonna read a book”

Panel 2: Orange Guy looks at book cover and says “hmmmmm”

Panel 3: Orange Guy types a query into his phone

Panel 4: Close up on phone screen reveals AI responding with “a chocolate factory is a factory made of chocolate”

5673972180

Reposted by Bastien Cornier

The Pudding @pudding.cool · 27/07/2026

New project! Two influential word lists made by language researchers define an "essential English vocabulary" for learners: one from 1953 and another from 2023. In this essay, Jasmine Nackash examines the differences between them and what that says about us. link: pudding.cool/2026/07/esse...

13412

Bastien Cornier @bastiencornier.bsky.social · 20/04/2026

Would be glad to see what u could make with it!

060

Reposted by Bastien Cornier

Simon Holmes @srsholmes.com · 18/11/2024

Web Dev tip 🔥 Did you know you can get a png of any DOM Node by simply right clicking on the markup in the dev tools and selecting 'capture node screenshot'? 📸 Here is an example of some of my new followers as a png. Really handy for all sorts of things! 🙂

Capture a dom node as a screenshot in dev tools

3316

Bastien Cornier @bastiencornier.bsky.social · 03/04/2026

Turned my ASCII text scramble hover effect into a full-screen playground. Radial waves expand from the cursor, with a GUI to tweak everything live. Probably useless. Fun to play with though. Bonus: you get to read some Lovecraft. Codepen: codepen.io/erevan/full/qEaYQPw

1283

Reposted by Bastien Cornier

Bramus @bram.us · 02/04/2026

So, I’ve written a bunch of things on how to do certain things with View Transitions, such as optimizing the keyframes or driving a VT by scroll. I noticed I repeat a lot of code throughout those experiments … so I bundled that all up in a package for you. 👉 chrome.dev/view-transit...

chrome.dev

View Transitions Toolkit

A collection of utility functions to more easily work with View Transitions.

36614

Reposted by Bastien Cornier

CSS by T. Afif @css-only.dev · 31/03/2026

What's the best way to showcase modern CSS features? By making games! This time it's the Dino Game 🦖 by @developer.chrome.com css-tip.com/dino-game/ 100% CSS magic playable with the keyboard. Yes, you can jump and crouch with the arrow keys! 👀 Don't search for the JS, there is none.

48915

Bastien Cornier @bastiencornier.bsky.social · 23/03/2026

The clearest deep-dive on signals I've come across. The push-pull algorithm finally makes sense. This is exactly the kind of work the frontend community needs more of. Congrats @willybrauner.com 🙌

141

Bastien Cornier @bastiencornier.bsky.social · 10/03/2026

That's it. Turns out creative + responsible + accessible is doable. Just takes the right constraints from day one. → collectifparcelles.com Also open for freelance from April : Performance, accessibility, creative web. 👋 #WebGL #a11y #Vuejs #sustainableWeb [9/9]

collectifparcelles.com

Collectif Parcelles | Pour un web créatif, éco-responsable et accessible

Parcelles, collectif d’artisan·es du web, crée des sites créatifs, éco-responsables et accessibles pour un avenir numérique plus désirable.

010

Bastien Cornier @bastiencornier.bsky.social · 10/03/2026

Animations designed to be accessible from the start, not patched after. Result: 90%+ on the accessibility audit with the full animated site. prefers-reduced-motion in CSS alone isn't enough. There's also an "accessible display" mode: reduced motion, adjustable spacing, works at any zoom level [8/9]

Screenshot of the accessible display panel on collectifparcelles.com. A toggle button in the top-right corner shows the accessibility icon with a notification dot. The open panel displays "Affichage accessible" with three options listed: Animations réduites, Espacements ajustables, Compatible zoom +200%.

100

Bastien Cornier @bastiencornier.bsky.social · 10/03/2026

The custom cursor is a Voronoi diagram in SVG. Cursor is the central seed. Background cells precomputed once as static SVG paths. Only the cursor cell recomputes every frame. Great intro here if you're new to voronoi : gorillasun.de/blog/delauna... [7/9]

110

Bastien Cornier @bastiencornier.bsky.social · 10/03/2026

WebGL only makes sense if you size it to the device. At startup I score the device (RAM, CPU cores, MAX_TEXTURE_SIZE, GPU renderer, network type, device type). Quality and effects scale accordingly. On low-end: static image fallback. Zero GPU get burned! [6/9]

120

Bastien Cornier @bastiencornier.bsky.social · 10/03/2026

The hero: a GPGPU sim with a ping-pong framebuffer. Voronoi-based displacement encoded in a single RGBA texture: displacement UV, highlights, reveal mask. A gaussian ring propagates from the center, each cell gets revealed as it passes through. [5/9]

161

Bastien Cornier @bastiencornier.bsky.social · 10/03/2026

Wanted to go raw WebGL, but OGL is just too good especially for GPGPU. Much closer to native WebGL than Three.js, and much lighter. github.com/oframe/ogl [4/9]

github.com

GitHub - oframe/ogl: Minimal WebGL Library

Minimal WebGL Library. Contribute to oframe/ogl development by creating an account on GitHub.

100

Bastien Cornier @bastiencornier.bsky.social · 10/03/2026

No animation library here. I wrote a ~4kB wrapper around the native Web Animations API (WAAPI). Too used to GSAP syntax so the API stays close: offsets, timeScale(), progress() for scroll scrubbing. WAAPI runs on the compositor thread: less risk of jank🎉 I also load polyfills only if needed [3/9]

Code snippet showing a custom Timeline API built on top of WAAPI. A timeline instance is created, timeScale is set to 0.5, then four elements are added with keyframes and relative time offsets like "+=500" and "-=500". The last element animates x from -100% to 0 with a 1000ms ease-in-out duration. The timeline ends with timeline.play().

110

Bastien Cornier @bastiencornier.bsky.social · 10/03/2026

Hard budget from the start: <500kB total. JS, CSS, fonts, images, everything. Fonts subsetted with glyphhanger (Really nice tool from @zachleat.com) + @nuxt.com/fontaine for fallback metrics so the layout doesn't shift while fonts load. Tracked automatically at every build. [2/9]

Vite bundle analyzer treemap showing the full JS output of collectifparcelles.com, split across chunks: ogl/src (WebGL core), lib/homeHeroGL with gpgpu.ts and shaders, app/lib/animation with scroll-timeline polyfill, VoronoiCursor, SiteHeader, ScrollDrivenSlides, and the Nuxt entry bundle. No single dependency dominates the treemap.

130

Bastien Cornier @bastiencornier.bsky.social · 10/03/2026

I thought I'd do a little technical breakdown of this one. Creative experience with WebGL, scroll animations and custom interactions, built under hard accessibility and performance constraints from day one. 🧵 #FrontEnd #Javascript [1/9] 👇

183

Bastien Cornier @bastiencornier.bsky.social · 24/02/2026

New collab with Collectif Parcelles - pushing creative, accessible & sustainable web. Interactive site with WebGL shaders + scroll animations, RGAA/RGESN(a11y/sustainability) compliant. Tech: Vue/Nuxt, Vanilla JS, WAAPI, OGL, <500kB total. Immersive ≠ heavy → collectifparcelles.fr #a11y #webgl

2111

Reposted by Bastien Cornier

Kris Temmerman @kristemmerman.bsky.social · 13/02/2026

Not sure what it is, but it is.... My new Portfolio! (best on desktop/laptop) neuroproductions.be

3124

Reposted by Bastien Cornier

tami lam @cuppy.bsky.social · 30/01/2026

Hey folks so I’m not good at this but, I’m a Sr. Producer seeking work! 💼 20 years of game production XP across Netflix Games/Spry Fox, Bungie, Blizzard, Zynga, Riot Games, and more ⭐️ indie, AAA, PC/console/mobile, 8-400 person teams, internal and ex-dev www.linkedin.com/in/cuppycake...

linkedin.com

Tami Lam - Netflix | LinkedIn

Producer-shaped person doing the video games thing for 20 years. Nominated for an… · Experience: Netflix · Education: AnimSchool · Location: Irvine · 500+ connections on LinkedIn. View Tami Lam’s prof...

11306200

Bastien Cornier @bastiencornier.bsky.social · 28/01/2026

@kyndinfo.bsky.social's articles are always invaluable resources for understanding complex concepts. Highly recommend!

060

Bastien Cornier @bastiencornier.bsky.social · 26/01/2026

Such a cool idea, it looks so good!

120

Reposted by Bastien Cornier

Stephane Rappeneau @stephanerappeneau.bsky.social · 24/11/2025

Head of CNC (part of french ministry of culture in charge of cinema & game industries) raises a warning on private school selling expensive dreams (30 to 50k€) to wannabe gamedevs www.linkedin.com/posts/gaetan... (ping @erwancario.bsky.social)

65124

Reposted by Bastien Cornier

Kounine @kounine.bsky.social · 11/11/2025

Hey Bluesky I've updated my portfolio I'm currently looking for projects, so if you like my work, I'm available! (Full version in comment) #indiegame #indiedev #composer #vgm #videogamemusic #Portfolio #videogame #freelance #gamedev

2216

Bastien Cornier @bastiencornier.bsky.social · 31/10/2025

Sharing the ASCII link hover ripple from my tiny folio. Plain JS, minimal CSS, layout‑safe for long labels. Demo: codepen.io/erevan/pen/M...

1305

Reposted by Bastien Cornier

Earth Topo Relief Bot @reliefbot.bsky.social · 27/10/2025

//\ Relief #159 Location: Montée du Puits, Provence-Alpes-Côte d'Azur, France Coordinates: 43.2135, 5.4418 Elevation Range: -1m to 538m Terrain type: low-hilly Requested by @navalu.bsky.social #ReliefOfTheDay #DataViz #Geography

Relief visualization in perspective style showing elevation data from Montée du Puits at coordinates 43.2135, 5.4418 with elevation range from -1m to 538m. This location was requested by @navalu.bsky.social.

042

Reposted by Bastien Cornier

Kounine @kounine.bsky.social · 26/09/2025

Hey, ça fait un petit moment que je travaille avec Abeto sur un projet de petit jeu jouable sur navigateur et c'est sorti hier ! C'est gratuit et ça dure 10/15 minutes. N'hésitez pas à aller essayer : messenger.abeto.co (en plus c'est multi, vous pouvez le faire à plusieurs) #indiegame #ost

messenger.abeto.co

Messenger

It's a small planet, but someone's gotta make the deliveries.

1115

Reposted by Bastien Cornier

Richard Monvoisin @richardmonvoisin.bsky.social · 25/09/2025

Pou le plaisir, un clin d'oeil à mon collègue japonais Akiyoshi Kitoaka, de l'université Ritsumeikan de Kyoto, qui met tout son matos en ligne, comme cette magnifique canette, qui n'est rouge que parce que notre cerveau nous la fait voir rouge, alors qu'elle n'est faite que de blanc, noir et cyan 👇

89727

Bastien Cornier @bastiencornier.bsky.social · 19/08/2025

Haha thanks ! And sorry for the pressure 😅

020

Reposted by Bastien Cornier

holtsetio @holtsetio.bsky.social · 05/08/2025

I built a playable Softbody Tetris using #threejs #tsl and my softbody engine! 🕹️ I still consider this a work in progress, but you can already try it out in your #webgpu compatible browser here: 🔗 holtsetio.com/lab/tetris/

109418

Bastien Cornier @bastiencornier.bsky.social · 03/07/2025

Bot update: @reliefbot.bsky.social now takes location requests! Comment coordinates (lat/lon) like "48.8566, 2.3522" on its latest post for next day's render. First valid comment only, land locations only. Can't wait to see your favorite hilly places! #ATProto #CreativeCoding #DataViz #Javascript

090