(sorry for english, use translate)

Hello les gens !

Vous avez déjà vu une typographie qui "bouge" uniquement grâce au CSS ?
Je suis en train de construire un alphabet géométrique plutôt simple pour le moment uniquement avec CSS. L'idée n'est pas de charger une police, mais de calculer les lettres directement dans le navigateur via clip-path et une matrice de variables attachées à des attributs [data-].

C'est un beau casse-tête de repousser les limites du CPU du navigateur au lieu d'utiliser un SVG statique, mais ça permet de déformer la typo en direct, sans surcharger le DOM.

Le crash-test est ici : https://sebschopf.github.io/lab/matrice.html
Prochaine étape : en faire un mini-moteur de rendu typographique ou peut-être faire des pré-configuration d'animation. Je sais que certaines et certain d'entre vous ont déjà bidouillé ce genre de matrice genre @csstricks et @lynnandtonic qui ont vraiment testé des concepts vous pensez que c'est viable comme concept ?

@argyleink I'have tried too explain OKLCH too....

#CSS #FrontEnd #NoJS #CreativeCoding #Brutalism

La Matrice : Alphabet Géométrique en CSS

Comment j'ai créé un alphabet brutaliste génératif avec une grille de carrés imbriqués et le pouvoir du clip-path en CSS

Lab OKLCH

51.45421, -2.58480

Assembly Building C [ii]

#Bristol #Architecture #Windows #Brutalism #Photography

(The other day, too, following a different rabbit hole I learnt about "Andropovs Ears" and found a new web site that will be hard to forget: https://architectuul.com/architecture/andropovs-ears ... ) #linkdump #architecture #brutalism
Andropovs Ears | Architectuul

Architectuul

51.45421, -2.58480

Assembly Building C [i]

#Architecture #Windows #Brutalism #Bristol #Photography

Fini le copier-coller sale de <balise> ! Dans mon Labo, on passe au niveau supérieur : l'Architecture Moustache 🥸.

Je documente pas à pas comment j'ai nettoyé mon code HTML avec Jekyll (Layouts, Includes, Front-Matter), sans aucune base de données et php ni usine à gaz JS. Juste du bon vieux Build-Time pour un web plus léger.

Lisez ça ici : https://sebschopf.github.io/lab/jerkyll.html

Si vous voyez des erreurs merci de me faire un retour ;)
#WebDev #Jekyll #HTML #CSS #Brutalism #JAMstack #IndieWeb