Frontend
7. Create first custom rule in the ESLint & add it in config file. Add the ---rulesdir option. | YouTube
#ESLint #JavaScript #TypeScript #Frontend #Backend
Cours complet pour découvrir un peu tout sur ESLint et sa configuration
Ici je pointe particulièrement la vidéo qui m'a le plus aidé : un tuto pour créer des règles customs. C'est clair, simple et bien expliqué.
Behavior Belongs in the HTML
#Frontend #JavaScript #HTML
Article très intéressant sur l'approche qu'on a pour définir de l'interactivité sur le web et la frontière entre HTML et JS. Globalement on est face à 2 approches, soit sémantique avec des attributs des event handler attributes, des customs attributes, soit programmatique avec des events listener et un code JS qui vient de greffer à posteriori sur le DOM
Le problème de la seconde approche c'est qu'on sépare tellement la structure du comportement que ça en devient compliqué à suivre. Dans l'article il est aussi évoqué que les éléments HTML ont aussi leur propre comportement implicit, ce qui implique qu'on a forcément du comportement dans notre HTML
True parallax with css*only * YouTube
#Frontend #CSS
Tuto rapide pour faire un parallax en pure CSS. En vrai c'est tout simple : un gris layout qui enpile tous les éléments, une animation de translation qui réagit au scroll avec une "vitesse" différente pour chaque élément pris dans le parallax. Tout simple !
🌶️ What if I told you this is an @Angular component under the hood? Hello .ng🤞🏿
#Frontend #Angular
Brandon Roberts s'est amusé à imaginer ce que pourrait être les fichiers .ng si on introduisait un fichier de ce type en mixant ce qui se fait chez Vue ou Svelte avec les ajouts récents et à venir d'Angular (Signals, inject, inline template, etc.)
Beaucoup de réaction, certaines positives, certaines négatives. Aucune idée de si ça verra le jour dans l'avenir, mais personnellement j'en parle depuis quelque temps déjà que ce serait pour moi la suite logique de l'évolution d'Angular, et ça me parait une bonne idée, et je vais directement citer une de réponse de Brandon
To me it can fit where Angular is going:
- Simpler mental model for component authoring
- Similar to other frameworks
- Doesn't change services/pipes/etc.
- Works with existing concepts
- Works with new lifecycle hooks
- Can be compiled into current Angular standards
Astro 4.0
#Frontend #Astro
Quelques mois après la version 3.0 (août 2023), la version 4.0 apporte encore pas mal de nouveautés :
- The Astro Dev Toolbar
- Internationalization (i18n) routing
- Incremental Content Caching (Experimental)
- New View Transition APIs
- Redesigned logging
- Redesigned documentation
Encore beaucoup de travail de la part de la team Astro, et encore une fois globalement une montée de version gratuite surtout avec la commande npx @astrojs/upgrade !
La breaking change se justifie par quelques changements breaking qui sont minuscules (surtout des éléments qui sortent d'expérimentale et donc leur config change de place, ou des renommages de clé), sinon quelques éléments dépréciés qui disparaissent.
Chez moi j'ai eu une erreur avec un outil d'optimisation d'image (sharp) qui est utilisé automatiquement. Sharp ne s'installe plus correctement sous Linux 64bits, donc j'ai juste basculé en mode passthrough (pas d'optimisation) car pas besoin de ça sur mon projet, mais on peut aussi basculer sur Squoosh qui est aussi intégré. C'est un problème côté Sharp pas côté Astro pour le coup…
StyleX
#Frontend #React #Meta #StyleX
Meta a opensourcé son propre outil de CSS-in-JS. Ce dernier est utilisé pour facebook, instagram, etc.
Pas testé mais ça ressemble à des choses qu'on connaît déjà (styled-component, etc.). Donc à voir si ça apporte quelque chose de nouveau à l'usage
La troisième couleur primaire | Grise Bouille
#Frontend #CSS
Si vous avez besoin d'un rappel sur les couleurs primaires :
trois couleurs sont primaires entre elles si aucune des trois ne peut être reproduite par un mélange des deux autres
-- Wikipédia
- RGB / Red Green Blue / Rouge Vert Bleu : c'est des couleurs primaires quand on compose les couleurs à base de lumière sur un écran
- "Rouge" Magenta, "Bleu" Cyan, Jaune : c'est des couleurs primaires quand on compose les couleurs à partir de peinture (ou d'encre, pigment, etc.) sur du papier (ou autre support du genre)
C'est pour ça que quand on est en CSS, on fait généralement du RGB !
Sinon la BD est bien, plus détaillé et avec un peu d'humour !
IA
La plateforme d'IA générative d'entreprise, un garde-fou contre la dépendance aux fournisseurs
#IA #ChatGPT #LLM #Sécurité
L'idée de l'article sans rentrer de la technique est de préconiser l'utilisation de plateforme d'IA d'entreprise plutôt que les éditeurs.
Quand on parle de plateforme d'entreprise ça ne veut pas forcément dire ne pas utiliser OpenAI GPT ou Google Bard/Gemini ou autre, juste ne pas mettre dans les mains des utilisateurs un ChatGPT, mais plutôt créer son propre outil interne qui s'appuie sur les APIs des éditeurs ou de modèle open source, de sorte à pouvoir changer de fournisseur au besoin sans changer les habitudes des utilisateurs tout en maîtrisant mieux les usages qui sont faits de ces outils, et ajouter des systèmes de droits ou une couche de personnalisation en injectant les données de l'entreprise.
Je pense que c'est un modèle qui me semble bon. On va pas se mentir, l'IA Generative va prendre de plus en plus d'importance dans la vie des gens, en particulier en entreprise. Avoir une dépendance forte à un éditeur spécifique peut créer un risque pour l'entreprise, donc il vaut mieux éviter ça. Ça me semble être un bon compromis.
Par contre quid des outils d'IA Generative intégrés aux IDEs ? Je pense en particulier à la suite Jetbrains qui utilise sa propre IA et je ne suis pas certain qu'on puisse facilement intégrer sa propre plateforme facilement
Sécurité
Messenger : toutes vos conversations sont désormais chiffrées de bout en bout automatiquement
#Sécurité #Meta #Messenger
Messenger active le chiffrement bout en bout par défaut pour tout le monde
Bon maintenant à voir si on fait confiance à Facebook pour avoir fait du vrai bout en bout sans option pour lire le contenu. Perso je n'y crois pas, rien que parce qu'aux USA il y a le Patriot Act qui donne un droit de regard sur tous les contenus 🤷♂️
Just about every Windows and Linux device vulnerable to new LogoFAIL firmware attack | Ars Technica
#Sécurité
Nouveaux hacks de machine Windows et Linux exploitant des bugs dans la lib qui decode les images avec le logo du constructeur dans le BIOS ou l'UEFI…
Pas grand-chose à faire malheureusement…
116 Malware Packages Found on PyPI Repository Infecting Windows and Linux Systems
#Sécurité #Python
116 paquets contenant des malwares ont été trouvés dans le repository python pypi…
Prenez le temps de jeter un coup d'œil à vos dépendances si vous faite tourner du python
Jeux-videos
Les Musiques de Jeux Vidéo - Comment ça fonctionne ? - YouTube
#Divers #Jeux-videos
Épisode du Bazar du Grenier (chaîne secondaire de Joueur du Grenier) où on a un peu d'histoire et pas mal d'explication technique autour de la musique dans le jeux-vidéo ! C'est super intéressant de voir d'où on part, de techniquement comment ça fonctionne, etc.
Why is no one talking about the color blind accessibility of Tekken 8
#Jeux-videos #Accessibilité
Why is no one talking about the color blind accessibility of Tekken 8. Literally no game has done this.
-- @itwhiffed
C'est assez cool de voir les idées que les devs ont mis en place pour créer des modes de vue alternatives pour mieux distinguer les personnages !
Game Boys Were Used In Peugeot Vehicle Diagnostics In The Early 2000's
#Jeux-videos
Des GameBoy étaient utilisés dans les kits de diagnostique chez Peugeot au début des années 2000. Si on regarde bien les photos, le kit semble avoir été conçu avec une GameBoy Color, puis être passé sur une GameBoy Advance (sans doute parce qu'on trouvait plus facilement du matériel neuf), puis finalement livré avec des GBA SP, encore une fois sans doute pour une question de stock neuf.
Ça peut paraître idiot d'avoir fait ce choix, mais en fait pas du tout : la plateforme GameBoy est resté commercialisée très longtemps, on en trouvait partout, c'est toujours fonctionnel aujourd'hui, relativement peu cher (aussi bien à l'époque que maintenant), c'était déjà à l'époque plutôt bien documenté, et vu l'usage qu'il en était fait, c'était plus que suffisant !
Divers
"Faites attention si vous testez l’application @Sololearn , j’ai voulu essayer avec la semaine de free trial, ils m’ont directement retiré 78€. Et évidemment ils ont une «no-refund policy » 🫠" Marjorie @ashborea
#Divers #Arnaque
Méfiez-vous des offres d'essais "gratuites", c'est un grand classique que ce soit finalement payant ou avec un système douteux qui fait que vous allez perdre de l'argent à un moment. Ici c'est le cas avec une plateforme de formation…
Twitter : Thread de Mélanie Vogel sur comment se passe un scrutin au Sénat
#Divers
En résumé : 3h30 pour déposer des cartes de vote coloré dans des urnes et les comptés alors qu'il y a des boutons sur les places de sénateur pour voter tous en même temps avec les mêmes avantages mais aucune contrainte de temps…
C'est beau la technologie !
Microsoft is Locking Down Search for Public Code on GitHub
#Divers #Github #Dev
Il n'est plus possible de faire une recherche sur Github sans être connecté. C'est le cas depuis juin 2023. C'est un peu dommage je trouve…
Broadcom is killing off VMware perpetual licences and strong-arming users onto subscriptions
#Divers
Le rachat de VMWare par Broadcom a été annoncé il y a quelques jours, VMWare retire la licence perpétuelle… Difficile de ne pas se dire qu'il n'y a pas un lien…
Pour rappel Broadcom possède VMWare, qui possède Pivotal qui édite Spring. Faut espérer que ça reste un produit bien et que ça se merdifie pas…
Russia declares My Little Pony 18+ in ongoing anti-LGBTQ crackdown
#Divers
La Russie a déclaré My Little Pony réservé aux adultes et les personnes LGBTQ+ sont classés comme des terroristes.
Rien à ajouter. Je crois qu'on est clair que la Russie est vraiment un pays hostile pour beaucoup de gens…
Simplism, the straightforward way for a Wasm FaaS on Clever Cloud
#Divers #FaaS #Simplism #Clever-Cloud
Philippe nous propose un tuto pour utiliser Simplism (sa plateforme maison pour monter un FaaS qui fait tourner du WebAssembly) sur une infra Clever Cloud. Avec ça vous avez votre propre FaaS que vous pouvez utiliser sur une infra propre ou un hebergeur français, et balancer dessus vos fonctions écrites avec le langage que vous voulez (Rust, Go, AssemblyScript, etc.)
Porter une montre connectée est bon pour la santée c'est officiel
#Divers #Wearable #Smartwatch
Presque 9 utilisateurs de smartwatch sur 10 (87 %) disent que l'appareil les a poussés à adopter au moins une habitude bonne pour la santé. En moyenne, il y en a même deux. Pour 47 %, les rappels de la montre font qu'ils font plus souvent de l'exercice. 41 % en font plus longtemps grâce aux suggestions affichées, et 28 % ont changé leur régime alimentaire en fonction des recommandations données par l'objet connecté.
À noter aussi que c'est Huawei qui a commandé l'étude, que Huawei vend beaucoup de montres et bracelets connectés. Maintenant je me nuance moi-même : j'ai moi-même une montre connectée depuis quelques années, et clairement ça m'a fait marcher plus, faire plus attention à mon sommeil (à certaine périodes en tout cas), être moins attaché à mon smartphone dû fait d'avoir ma montre qui pouvait me filer des infos ou même juste l'heure. Donc je pense que ça a eu un effet positif sur moi à mon sens. J'ai aussi vu ce genre d'effet dans mon entourage
L'HISTOIRE DU RICKROLL ! - YouTube
#Divers #Meme
L'histoire du rickroll de 4chan à la diffusion partout ! Je ne savais pas d'où ça venait maintenant je sais 😁
En novembre, je pouvais dire n'importe quoi dans un tweet OSEF et avoir 50 likes. Aujourd'hui c'est plus le cas...
#Internet #Twitter #Réseaux-sociaux
Flef explique en vulgarisant comment fonctionne l'algorithme de bulle, réseau et leader de X (ex Twitter). C'est simple et clair, toujours bon comme rappel (j'avais oublié des trucs de mon côté !).
En résumé :
- toutes les 3 semaines un calcul de réseau est effectué en se basant sur les interactions des 3 semaines précédentes
- si on a beaucoup d'interactions avec des gens catégorisés dans un réseau, on devient automatiquement membre de ce réseau
- tant qu'on fait partie d'un réseau, on est un peu comme dans une bulle : on ne voit presque que du contenu qui intéresse cette bulle
- si on fait partie des gens avec les plus de follow-mutuel (A follow B et B follow A) alors on est "élu" leader du réseau et nos tweets seront mis plus en avant dans ce réseau
- si on a peu d'interaction pendant 3 semaines avec les gens de notre réseau, on va sortir de la bulle
Un seul bémol : beaucoup d'image contenant du texte, du coup c'est pas très accessible...
En Décembre, OVHcloud a reçu les exigences techniques qui sont nécessaires pour faire fonctionner HDH. Le Health Data Hub.
#Cloud #OVH #Health-Data-Hub
Octave Klaba montre le récap de la réponse au premier document d'exigence technique reçu par OVH pour le Health Data Hub (la super plateforme pour mettre toutes les données santés des français qu'on a envoyés sur Microsoft Azure, donc soumise au Patriot Act, parce que "y'avait rien de compliant en France" alors que personne n'avait été contacté en France pour pouvoir dire si c'était possible ou pas…). En gros OVH ne répond clairement pas à toutes les exigences mais à priori Azure non plus, donc bon.
Personnellement je trouve ça intéressant de voir ça, parce que ça nous donne une idée de la direction que prend OVH, sur quels axes ils vont bosser en 2024/2025. On voit aussi les exigences SecNumCloud qui sont requises pour pas mal de contextes, et là encore je pense qu'OVH est pas mal même si c'est pas encore complet, ils y bossent !
En finir avec la taxe copie privée | Grise Bouille
#Divers
La taxe copie privée… Je pourrais en parler des heures mais pour moi : on la paie officieusement pour compenser tout ce qu'on peut consommer illégalement contenu, donc je vois ça comme une licence globale (je vous laisse chercher), donc j'achète des films/CD/livres/jeux-vidéos/places de cinés, je paie aussi des abonnements de VOD, donc ce qui manque bah je me prive pas de les choper ailleurs. Et oui je suis un grand méchant qui détruit l'industrie culturelle si vous voulez, après je vous laisse aussi compter mes livres, Blu-ray, CD et jeux-vidéos qui se trouvent chez moi si vous voulez ! (Si vous êtes chaud, faites-moi la liste, j'ai toujours pas eu le courage de tout lister pour pas acheter en double ! 💩)