Frontend

Entangled #fxhash

#Web #JavaScript #Frontend #Chrome #Firefox

L'auteur de ce tweet fait une démo où on voit clairement une animation avec un élément visuel (une sorte de boule) qui réagit à la position de la fenêtre du navigateur quand la fenêtre se déplace, et qui réagit aussi à la position de 2 onglets comme si les deux onglets étaient connectés ! 🤯

Il a dit qu'il publierait le code source prochainement, mais en réponse il indique qu'il a utilisé "window.getScreenDetails() + localStorage". En effet le localStorage permet les interactions entre onglets/fenêtre du même domaine et getScreenDetails() (api expérimental dispo que sur Chrome) donne des infos sur la fenêtre. La démo est impressionnante !

Edit : le code lui a tellement été demandé (je pense qu'il se sentait harcelé au vu du nombre de message...), qu'il a décidé de l'imprimer et d'en faire un NFT : https://x.com/nonfigurativ/status/1729411738708107743?s=20

State of JavaScript 2023

#Web #JavaScript #Frontend #Backend

Le sondage State of JS est ouvert jusqu'au 12 décembre ! Je vous conseille fortement de le faire, c'est toujours intéressant et ça donne des stats sur l'écosystème JavaScript au global. À noter que ce sondage est souvent utilisé par les équipes de développement pour savoir comment orienter les frameworks / lib et même le standard, donc c'est vraiment important !

Use these instead of vh - YouTube

#Web #Frontend #CSS

Vidéo expliquant les différentes unités qui sont proportionnels à la hauteur du viewport : vh, dvh, svh et lvh.

En gros résumé :

  • vh = hauteur du viewport mais incluant une partie de l'UI du browser en particulier sur mobile où la barre d'url est inclue
  • dvh = hauteur du viewport en tenant compte de la présence ou non des éléments d'UI, attention ça crée des layout shift
  • svh = hauteur minimum du viewport (donc vh - hauteur des éléments d'UI)
  • lvh = globalement la même chose que vh

CSS Nesting

#Web #Frontend #CSS

Article résumant l'état actuel du native CSS nesting.

2023: 0 of the Global Top 100 Websites Use Valid HTML · Jens Oliver Meiert

#Web #Frontend

Un peu triste de se dire que le HTML et le CSS sont des standards que personnes ne respectent dans les faits. En particulier quand le top 100 des sites les plus consultés au monde ne respectent pas ce standard, alors que c'est rarement compliqué de respecter le standard étant donné que tout est documenté !

Front-End Chronicles #18 - De JSLint à ESLint, l'évolution des principaux linters JavaScript.

#Frontend #Web #JavaScript #TypeScript #Backend

Je l'ai écouté un peu en retard, mais je vous recommande l'épisode 18 de Front-End Chronicles qui traite des linters, en particulier ESLint avec les apports et l'historique. Comme d'habitude un très bon épisode donc obligé de partager !

Disponible sur d'autres plateformes ici : https://bento.me/fec

IA

The birth & death of search engine optimization - Xe Iaso

#IA #LLM #ChatGPT #SEO

L'article explique l'évolution d'Internet, du partage de contenu de l'utilisation du SEO pour enfin arriver à l'utilisation des LLM comme GPT

Je trouve que son analyse est plutôt intéressante et réaliste. Le SEO a tué une partie du partage de contenu en ligne, les LLM sont en train de tuer les moteurs de recherche en offrant une alternative à la consultation de contenu. Et certe il y a un problème d'hallucination avec les LLMs (génération de contenu qui n'existe pas du tout et complètement faux) mais c'est un cas qui devrait moins arriver avec le temps et qui ne change pas beaucoup du volume de contenu faux qu'on trouve déjà en ligne.

On verra avec le temps comment évoluent les LLMs, mais ils vont devenir de plus en plus forts et omniprésents

Sécurité

Is Ubuntu Withholding Security Patches for Some Software?

#Sécurité #Ubuntu

Je redécouvre l'existance de l'offre Ubuntu Pro. Elle offre en particulier des patchs de sécurités supplémentaires sur le repo universe. Comment c'est possible ? En fait c'est facile si un patch de sécurité est déployé sur un package du dépôt universe alors il n'est déployé que pour les clients Ubuntu Pro. Donc de facto, si vous n'êtes pas client, et que vous dépendez de package présent sur le repo universe vous n'aurez jamais la meilleure sécurité disponible.

L'article évoque des packages comme ffmpeg et lighthttpd, ces deux packages sont très souvent utilisés, et c'est vite fait d'avoir une faille dessus. Surtout ffmpeg qui a une surface d'attaque super grande. Je pense aussi aux nombreuses images docker qui se basent sur des Ubuntu, méfiez-vous du coup !

Je ne dis pas pour autant que Canonical a tort de faire payer des services. La boîte à besoin d'argent pour tourner et ils contribuent largement au monde de l'open-source (même si je reste d'avis que Arch Linux me convient mieux, mais c'est un autre débat !)

Des milliards d'appareils vulnérables face à des failles Bluetooth

#Sécurité #Bluetooth

6 failles trouvées dans les versions récentes de Bluetooth (de la 4.2 sortie il y a presque 10 ans à la 5.4 sortie en 2023). Reproduit sur tous les types d'appareils donc faut considérer que tous les appareils Bluetooth qu'on possède sont touchés…

Pas de solution en disponible, le sujet est ouvert donc à suivre

Divers

Baisser – drastiquement – la consommation du Raspberry Pi5 au repos

#Divers #Raspberry-Pi #GreenIT

Les Raspberry Pi 5 sont nativement configurés pour ne jamais s'éteindre complètement, ce qui entraîne une consommation inutile entre 1.2 et 1.6w.

Pour corriger ça :
sudo rpi-eeprom-config -e

Puis vérifier que la configuration est bien :

[all]
BOOT_UART=1
WAKE_ON_GPIO=0
POWER_OFF_ON_HALT=1

J'habite au 3ème étage à droite. Si je meurs, c'est probablement mon proprio qui m'a tué.

#Divers #ARG

3ème droite, de François Descraques

C'est une dystopie (souvent en ligne on parlera d'ARG pour Alternate Reality Games), où François Descraques va nous emmener dans l'histoire d'un personnage qui prend une location au 3ème étage à droite d'un petit immeuble parisien et qui va se retrouver embarquer dans une histoire de fou ! Je n'en dis pas plus pour pas vous spoil.

Si vous ne connaissez pas François Descraques c'est une très bonne introduction à son univers je trouve, c'est gratuit, c'est super bien construit, y'a un très gros jeu sur le format tweet (parce que oui c'est 100% écrit au format tweet en mode thread hebdomadaire, mais comme ça date de 2017 tout est déjà sorti !), c'est cross-media (il y a beaucoup de texte, mais il y a aussi des photos, des vidéos, du son). J'ai adoré suivre cette histoire à l'époque, j'adore toujours la relire (revivre même), j'ai même acheté la version papier (il manque un truc sur cette version, mais il y a des adaptations donc ça va). Je suis très content de retomber sur 3ème droite au détour d'un tweet au hasard !

Combien de gois le mot « ampoule » dans cette vidéo? Vous avez deux he... | TikTok

#Divers #IoT #Internet-of-Shit

Aline se bat contre tooouuut le système autour d'un fournisseur d'objet connecté pour pouvoir contrôler son ampoule connectée…

Là la vidéo est un peu drôle, mais je comprends à quel point c'est gavant. Pour le moindre objet il faut une application, un compte, autoriser l'usage des données, gérer les notifications et la fin on ne fait même pas vraiment ce qu'on veut avec l'objet… Insupportable comme monde…

Online Blurred frame images generator

#Divers #Outil

Ce site permet de créer une image en agrandissant et changeant le format, pour combler le vide on va pouvoir ajouter un effet de zoom fou de l'image initiale. J'aime bien ce genre de rendu qui permet de facilement intégrer une image dans une série pour un post.

Si vous avez LinkedIn, j'ai utilisé ce site pour la dernière image du carrousel : https://www.linkedin.com/posts/penaanthony_quarkus-le-framework-java-supersonic-activity-7135885177506926592-HkNg?utm_source=share&utm_medium=member_desktop

Christophe Breheret-Girardin on LinkedIn: #doublure #test #spy #mock #fake #stub

#Divers

Je prends un exemple de post qu'à fait Christophe, mais je vous encourage aller le suivre sur LinkedIn ! Chaque jour, il prend un film, et utilise le thème du film pour faire une analogie avec le monde du développement et expliquer un outil ou un concept ! C'est un gros travail, c'est très sympa et en bonus on découvre des films !