
Fullstack Dev | PHP, Nodejs, React, TS | Je partage des ressources et des tips pour les devs #Développeur #Web
Lille, France
Joined March 2010
- Tweets5.3K
- Following154
- Followers163
- Likes641
Simon Lemoine retweeted
New in @ChromeDevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable.
Le rachat de @greensock par @webflow est un mouvement intéressant et stratégique. Je suis curieux de voir comment ceva va Impacter la capacité d'animation de Webflow ! #WebDesign #GSAP
📢 Big news!
We've been acquired by @webflow to serve as the foundation for Webflow’s interactions v3.
We’re so excited for the opportunity to bring even more animation power to Webflow users, while keeping GSAP publicly available to the wider web.
gsap.com/blog/webflow-GSAP/
Simon Lemoine retweeted
Hello ! 👋
Voilà mon premier DevLog (jour 1) sur Code Adventure !
Aujourd'hui je vous dévoile un projet sur lequel je travaille depuis 2 semaines et demi, mais qui me traine dans la tête depuis des années... 👇
#buildinpublic #threejs #javascript
Simon Lemoine retweeted
For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas.
One of them is the ability to have HTML elements in a canvas.
Here's a ThreeJS demo with a live HTML texture.
🌶️ 🔥
Je trouve que Strapi est une interface CRUD surboostée pour créer et gérer facilement une API qu'un CMS.
Il manque trop de fonctionnalités pour avoir un usage facile pour les utilisateurs finaux et pour intégrer facilement les fonctionnalités de base d'un site web.
#domotique #help Je cherche des #interrupteurs de #luminaires mais connecté, je souhaite faire en sorte que n'importe qui puisse les utiliser normalement et pouvoir les intégrer à des scripts de domotique.
Est-ce que certains d'entre vous connaissent ce genre de produit ?
Simon Lemoine retweeted
📣 Oyé Oyé, c'est l'heure d'une nouvelle vidéo (+ 1 blogpost) !
Au programme cette semaine, la découverte des Load Balancer avec HAproxy : Du lab au déploiement en 30 minutes 🔥
La vidéo : youtu.be/lCHLjLlZoTo
Le blogpost : yoandev.co/decouverte-load-b…
Très bon weekend !
Un outil d'analyse de vulnérabilités très intéressant : OSTE Meta Scanner.
Il fournit une interface graphique pour facilement lancer les tests et avoir les résultats.
L'article de Korben : korben.info/scanner-oste-tes…
Le repo GitHub : github.com/OSTEsayed/OSTE-Me…
Simon Lemoine retweeted
React Libraries for 2024
As every year we have a nice selection of React libraries from @rwieruch
robinwieruch.de/react-librar…
Pour la V5 de #Strapi, un éditeur avec SDK est prévu pour faciliter l'expérience d'édition des utilisateurs. Les retours d'API seront simplifiés, ciao data.attributes !
Il y aura la possibilité de faire des composants imbriqués et des champs conditionnels !
Hâte de voir cette V5
Simon Lemoine retweeted
AdonisJS 6 débarque le 24 janvier ! 🚀
Découvrez-en plus dans ma présentation chez @codinglab_io. Un excellent moyen de saisir toute la puissance de ce framework.
youtu.be/eLNg9yelCqw
Enfin ! 🙌
Pour rappel, votre site web doit respecter des règles d'accessibilité de bases, on n'améliore pas l'accessibilité en rajoutant des plugins et des surcouches.
design.numerique.gouv.fr/art…
Simon Lemoine retweeted
CSS Tip! 🤙
You can use mask-composite and some JavaScript to create this pointer proximity following glow border ✨
.glow {
mask-composite: intersect;
mask-clip: padding-box, border-box;
mask:
linear-gradient(#0000, #0000),
conic-gradient(#0000 0deg, #fff, #0000 45deg);
}
The trick is to mask a background-image with a combination of mask layers. mask-composite: intersect; means the mask used will be the intersection of the layers 🔥 use source-in, xor; in browsers that don't support intersect;
In this demo, you can use pseudoelements and rely on scoped custom properties to do a lot of the heavy lifting for you 🙌
Once you've masked the background, you need to update the starting angle of the conic-gradient on pointermove 👆
You can work that out by getting the center point of each card and then calculating the angle between that and the pointer with Math.atan2 🤓
let ANGLE = Math.atan2(
event?.y - CARD_CENTER[1],
event?.x - CARD_CENTER[0]
) * 180 / Math.PI
ANGLE = ANGLE < 0 ? ANGLE + 360 : ANGLE;
CARD.style.setProperty('--start', ANGLE + 90)
You plug that into your conic-gradient mask as a custom property accounting for --spread ⚡️
conic-gradient(from calc((var(--angle) - (var(--spread) * 0.5)) * 1deg), #000 0deg, #fff, #0000 calc(var(--spread) * 1deg));
To get the blur, you apply a blur to the glow container on each card 🤙
.glows {
filter: blur(calc(var(--blur) * 1px);
}
That's it! Layers of masks that are clipped and composited before being blurred 😎 The added trick is to fade each one in when the pointer is in the defined proximity of the card. For example, don't show unless within 100px of a card. You can see that in the video. Check out the JavaScript code for that 🫶
Couldn't resist making this one 😁
@CodePen link below! 👇
Hey, do you like fancy glowing cards?
Let's get this tweet to 250 likes, and I'll create a tutorial for it.
This is 100% @figma. Xitter is really butchering the quality, check how smooth it is live: figma.com/proto/Aw5VqbnFfVZD…
Simon Lemoine retweeted
Sea Shepherd France expose la présence massive de plusieurs navires-usines géants néérlandais au large de Boulogne-sur mer
Mardi 28 novembre, le secrétaire d'Etat chargé de la mer, Hervé Berville affirmait sur France 2 devant 2 millions de téléspectateurs, que les chalutiers géants (dont une majorité de néérlandais) ne pêchent pas dans les eaux territoriales françaises.
Sur la semaine du 4 décembre, nous avons compté jusqu'à neuf chalutiers géants (plus de 80 mètres), pêchant simultanément dans la Manche, dont six en eaux françaises.
Lancée il y a une quinzaine de jours, la mission "Ocean Killers 3" de Sea Shepherd France en collaboration avec la @CaptPaulWatson Foundation a pour but de documenter la présence de ces navires géants au large des côtes françaises.
S'accaparant la majorité des quotas de pêche et des subventions publiques, ces navires sont capables de relever en un coup de chalut d'une heure, une quantité de poissons équivalant au repas journalier de 30 000 phoques.
En 24 heures, un navire comme le Afrika (navire néerlandais de 126 mètres) a mené 6 opérations de pêche sur une zone très restreinte de la Manche, à moins de 12 milles des côtes de Boulogne sur mer, donc dans les eaux territoriales françaises.
Devant le déni politique et l'opacité ambiante sur cette problématique, il nous apparaît essentiel d'alerter le grand public et de questionner la légitimité de ces navires géants qui pillent les frayères de harengs et autres poissons pélagiques. Ces navires sont soupçonnés par les scientifiques de causer des déséquilibres majeurs dans les écosystèmes marins.
Aux côtés des mammifères marins, les oiseaux font partie des premières victimes de ces flottes de pêche aux moyens disproportionnés. En effet, plus de 70% des oiseaux marins ont été exterminés par la pêche ces 50 dernières années, victimes des captures "accidentelles" et d'une forme de concurrence déloyale qui menace leur capacité à se nourrir. Sur nos images, des milliers d'oiseaux s'agglutinent au-dessus des chaluts remplis de poissons, essayant tant bien que mal de récupérer quelques restes. Nous avons également filmé des fous de Bassan, pendus par le cou dans les câbles du navire géant Scombrus.
"Il est crucial et urgent de mener des études scientifiques sérieuses et indépendantes pour mesurer l'impact de ces navires géants sur l'écosystème marin, sur les capacités à se nourrir pour les prédateurs qui dépendent des proies visées par ces navires et enfin, sur l'impact pour les pêcheurs côtiers, contraints de pêcher davantage pour être rentables" déclare Lamya Essemlali, Présidente de Sea Shepherd France.
Pour soutenir la campagne, rendez-vous sur : seashepherd.fr/faire-un-don/
@HerveBerville @Ecologie_Gouv @MerGouv
Simon Lemoine retweeted
Avec les IA on se rapproche d'une version Anglaise de Grafikart. Le rythme est pas ouf mais le timbre de voix me correspond et il traduit plutôt bien (fait via @rask_ai mais ça coute encore trop à mon échelle, j'essaie de trouver des solutions self host) .





















