Revue de presse - Février 2024

Frontend

What is Motion Sensitivity? How to Design Accessible Web Animations - DEV Community

#UI #IX #CSS #Frontend

Guide pour mieux comprendre l'impact des animations chez certaines personnes. Certaines personnes sont gênées voire atteint de nausée, mot de tête ou même vertige à cause de simple animation mal calibrée.

L'article donne aussi des pistes pour améliorer l'expérience des utilisateurs en particulier en prenant en compte le flag prefers-reduced-motion

Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding You Back (And What To Do Instead) 💪🎉 - DEV Community

#Frontend #JavaScript

7 points qui font que les gens ont dû mal à apprendre et maîtriser un framework front :

Mistake #1: You don't have the fundamentals.
Mistake #2: You are stuck in tutorial hell
Mistake #3. You Jump Between Frameworks (React, Angular, Vue…)
Mistake #4. You are learning too many concepts at once
Mistake #5. You don't understand the problem solved by JavaScript libraries or frameworks
Mistake #6. You suffer from severe impostor syndrome - deep down, you think this is not for you
Mistake #7: You are learning with the wrong format.

Je suis complètement d'accord avec ces 7 points (et aussi avec l'explication qui va avec, je vous conseille d'aller lire l'article entier). Je retrouve ces erreurs dans l'apprentissage de pas mal de personne. Même si les erreurs que je retrouve le plus sont les 1 et 5 : les gens ne maîtrisent pas JavaScript donc se butte dessus et en parallèle les gens ne comprennent pas ce qu'un framework front solutionne

👿Evil Apple is back, and it's killing PWAs on iOS for EU users🇪🇺

#Web #PWA #Apple #UE #iOS #iPhone #Frontend

C'est officiel : Apple retire l'accès aux "Home Screen Web Apps", le fait de pouvoir installer une PWA sur l'écran d’accueil aux côtés des autres apps, uniquement en Europe.

Je vous mets une copie de la FAQ d'Apple…

Why don't users in the EU have access to Home Screen web apps?

To comply with the Digital Markets Act, Apple has done an enormous amount of engineering work to add new functionality and capabilities for developers and users in the European Union — including more than 600 new APIs and a wide range of developer tools.

The iOS system has traditionally provided support for Home Screen web apps by building directly on WebKit and its security architecture. That integration means Home Screen web apps are managed to align with the security and privacy model for native apps on iOS, including isolation of storage and enforcement of system prompts to access privacy impacting capabilities on a per-site basis.

Without this type of isolation and enforcement, malicious web apps could read data from other web apps and recapture their permissions to gain access to a user’s camera, microphone or location without a user’s consent. Browsers also could install web apps on the system without a user’s awareness and consent. Addressing the complex security and privacy concerns associated with web apps using alternative browser engines would require building an entirely new integration architecture that does not currently exist in iOS and was not practical to undertake given the other demands of the DMA and the very low user adoption of Home Screen web apps. And so, to comply with the DMA’s requirements, we had to remove the Home Screen web apps feature in the EU.

EU users will be able to continue accessing websites directly from their Home Screen through a bookmark with minimal impact to their functionality. We expect this change to affect a small number of users. Still, we regret any impact this change — that was made as part of the work to comply with the DMA — may have on developers of Home Screen web apps and our users.

Bravo Apple : d'utiliser une décision pro-liberté individuel et pro-concurrentiel pour mettre les gens dans leur poche et les faire grogner contre les décisions européennes qui vont dans le sens des utilisateurs ! Du grand génie !

Mise à jour : finalement Apple a fait machine arrière et décidé de maintenir les "Home Screen Web Apps" mais uniquement via l'utilisation du Safari Engine

UPDATE: Previously, Apple announced plans to remove the Home Screen web apps capability in the EU as part of our efforts to comply with the DMA. The need to remove the capability was informed by the complex security and privacy concerns associated with web apps to support alternative browser engines that would require building a new integration architecture that does not currently exist in iOS.

We have received requests to continue to offer support for Home Screen web apps in iOS, therefore we will continue to offer the existing Home Screen web apps capability in the EU. This support means Home Screen web apps continue to be built directly on WebKit and its security architecture, and align with the security and privacy model for native apps on iOS.

Developers and users who may have been impacted by the removal of Home Screen web apps in the beta release of iOS in the EU can expect the return of the existing functionality for Home Screen web apps with the availability of iOS 17.4 in early March.

One of my favourite lil’ tricks: I use different favicons in development and production, so that I can quickly tell which is which.

#Frontend #Web

Je trouve cette astuce plutôt intéressante : avoir un favicon différent en local et une fois déployé. Vu le nombre de fois où je me suis perdu entre mes onglets en sachant plus où était mon onglet de dev local je comprends très bien l'idée !

Bref, ça coûte rien, c'est bateau mais ça peut aider !

JavaScript Bloat in 2024 @ tonsky.me

#Frontend #JavaScript

Le web est beaucoup trop chargé de JavaScript. C'est un fait que je valide, on repose sur beaucoup trop de JavaScript alors que si on choisissait mieux nos outils, qu'on les configurait bien et qu'on utilisait plus les éléments standard plutôt que ré-écrire des choses qui sont déjà proposés par les navigateurs, on pourrait alléger énormément le web, offrir des expériences plus uniformes et plus globalement une meilleure expérience utilisateur.

Par contre je corrige un truc qui est pointé par l'auteur : non chargé le site de React n'implique pas de tirer 100Mo de JS, j'ai reproduit l'expérience chez moi avec un Firefox comme lui, je suis plutôt 400Ko sur la page d'accueil et 10Mo sur la page de blog qui est pointé, le reste est dû à la présence de zone permettant de tester en live des morceaux de code (avec de la transpilation Babel, etc.), je pense qu'on pourrait faire mieux (je vois 5-6 versions de Babel téléchargées…) mais c'est sur une page en particulier, dans un cas particulier pour montrer quelque chose de particulier, ce n'est pas comme ça sur toute la doc React !

JSR: First Impressions – David Bushell – Freelance Web Design (UK)

#Frontend #Backend #JavaScript #TypeScript #NodeJS #Deno #Bun

Deno lance un nouveau registry : JSR pour JavaScript Registry. Le but est de créer un registry compatible avec tout l'écosystème JavaScript et TypeScript peu importe le runtime, avec comme d'habitude un support de première classe pour TypeScript et des ESModule uniquement.

Pas besoin de compiler le code TypeScript, compatible nativement avec les browsers, Node et Deno (avec Bun ça semble moins bien fonctionner), comme l'auteur de l'article, je pense aussi que c'est peu probable que ça détrône un jour NPM et son registry mais au moins c'est une manœuvre pour pousser toujours plus du code standard et facilité l'expérience dev !

How to Favicon in 2024 – Frontend Masters Boost

#Frontend

Je reporte :

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->
<link rel="manifest" href="/manifest.webmanifest">

// manifest.webmanifest
{
  "icons": [
    { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
    { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" }
  ]
}

IA

De fausses pièces d'identité générées par l'IA et censées passer le KYC des bourses de cryptomonnaies sont vendues pour 15 $

#Sécurité #IA

Des fausses pièces d'identité générée par IA via le site OnlyFake

Ce qui me surprend le plus ce n'est pas que ça arrive mais que ça n'est pas été fait plus tôt !

Avec son nouveau modèle, le français Mistral AI tourne le dos à l’open source

#IA #Mistral

Premier modèle d'IA closed source pour la startup française Mistral AI avec le modèle Mistral Large. À voir si la boite gardera des modèles open-source à l'avenir ou si tout va se construire à base de Mistral Large.

Sécurité

43 secondes pour récupérer la clé Bitlocker d’un PC à l’aide d’un Raspberry Pi Pico

#Sécurité #Windows #TPM

Un chercheur en sécurité a conçu à partir d'un Raspberry Pi Pico un outil pour dérober la clé des BitLocker en quelques secondes. Les 43 secondes annoncées incluent l'ouverture du laptop, car il faut bien comprendre qu'un accès physique à la machine est nécessaire, mais c'est invisible après car l'outil de pose sur les pins de communication.

Jeux-videos

Ma cassette Bluetooth, l'objet ultime du Retrogaming - Le Retroblog de Turk182!

#Divers #Jeux-videos #Retro

J'avais jamais pensé à ça, et le fait de ne pas posséder moi-même d'ordinateur de cette génération où on transférait sur cassette des données n'aide pas. Mais je trouve ça super intéressant de se dire qu'on peut utiliser des copies de cassettes original d'ancien ordi sur le vrai matériel via une cassette Bluetooth comme ça ! Pour moi ça contribue à la sauvegarde du patrimoine vidéo-ludique !

Divers

La version Windows de la vénérable commande Linux "sudo" apparaît dans une build en préversion de Windows 11 : Windows finira-t-il par devenir une distribution Linux classique ?

#Divers #Windows #Linux #Duos #SystemD

Windows qui introduit la commande sudo, systemd qui introduit le BSOD (via le composant systemd-bsod, donc vraiment c'est clair). Je crois que dans les années à venir on va continuer à voir des gros changements côté OS.

Je l'ai déjà dit mais à termes je ne serais pas surpris de voir que Windows n'est plus qu'une surcouche au kernel Linux pour lancer des executables pour système NT + un gestionnaire de fenêtre pour Linux. Microsoft n'a plus aucun intérêt à garder un Kernel et tout développer dans son coin aujourd'hui, il y gagnerait à rationaliser ce développement et en tant que pro, ça voudrait dire qu'on aurait un vrai accès à un environnement Linux dans Windows

Core NGINX Developer Forks Web Server Into Freenginx - Phoronix

#Divers #Nginx

Fork de Nginx vraiment open source, après que F5 la boite qui édite Nginx décide de faire de nginx un produit moins communautaire et drivé par des devs mais plutôt un projet marketing. Le fork a été fait par un des principaux devs qui vie à Moscou

Scandale chez Intel : des milliers de tests de performances sur les processeurs seraient falsifiés

#Divers #Intel #CPU #Mensonge

Intel aurait triché sur au moins 2600 benchmarks de CPU…

Parler du trouble autistique et de mon métier avec des personnes qui sont sur le spectre comme moi 🙏

#Divers #Trouble-du-Spectre-Autistique #TSA #Neuroatypie

Témoignage de Laura Laune qui est à la fois humoriste et autiste. Ça a évidemment des implications sur sa vie et son métier, mais je trouve ça hyper bien qu'elle en parle, ça permet de changer le regard que beaucoup ont sur les TSA (Troubles de Spectres Autistiques) qui sont des neuroatypies qui sont trop mal comprises…

Le développeur qui sait tout - Je suis un dev

#Divers

Mehdi nous explique la méthode d'un de ses collègues pour "tout savoir" ou en tout cas en donner l'impression. Le but n'étant pas de donner l'impression de tout savoir, mais de maîtriser (comme dit Mehdi "devenir un tueur") un gros socle de concept dont on a besoin au quotidien pour faire ce qu'on veut côté boulot avec le minimum d'effort.

L'idée étant de jouer sur un combo entre : bien choisir ce qu'on va creuser, comprendre les choses avant de les apprendre, rester focus, gérer sa concentration, rafraîchir sa mémoire.

Je n'utilise pas ce genre de méthode (mais je me dis que je devrais), mais je comprends complètement pourquoi ça fonctionne comme je fonctionne un peu comme ça naturellement !

Popular git config options - Julia Evans

#Divers #Dev #Git

Une petite liste de config toutes simples pour améliorer son quotidien avec git avec l'explication de ce que ça fait et pourquoi c'est une bonne ou une mauvaise idée !

Je recommande au moins d'y jeter un coup d'œil, j'ai découvert des options qui vont me permettre de ne plus faire à la main des choses qui peuvent être 100% automatiques !

Cthuvian Ipsum Generator