Semaine 37

Mediabunny Complete media toolkit

Imaginez ffmpeg mais en version pure JavaScript utilisant l’API WebCodecs. Ça fonctionne directement dans le navigateur ou Node.js. À vous les conversions vidéos / audios !

https://mediabunny.dev

encodevideoaudio

Accurate text lengths with Intl.Segmenter API

Comment “bien” compter le nombre de caractère d’un texte contenant des emojis ? Voici une solution avec Intl.Segmenter().

https://blog.sangeeth.dev/posts/accurate-text-lengths-with-intl-segmenter-api/

textemojiunicodelength

Pokemon Cards

Fan de carte (Pokemon, Magic, ..) ? Voici des exemples d’animation / présentation de cartes avec différents effets de reflets.

https://poke-holo.simey.me

cardeffect

A refresh of Learn CSS with nine new modules

L’équipe de chez web.dev vient de mettre à jour leurs cours sur CSS pour aborder les ajouts récents comme Anchor positioning ou Popover.

https://web.dev/blog/learn-css-refresh

learnCSS

Liquid Glass in the Browser: Refraction with CSS and SVG

Le mec s’est amuser à recréer l’effet “Liquid Glass” uniquement avec CSS et SVG. C’est bien expliqué mais le résultat est pour moi peu utilisable (de base l’effet d’Apple est douteux). Petite mention sur son nom “kube” plutôt cool.

https://kube.io/blog/liquid-glass-css-svg/

CSSSVGeffectglass

Updates