{"id":41,"date":"2026-01-02T12:06:28","date_gmt":"2026-01-02T12:06:28","guid":{"rendered":"https:\/\/ls-a.fr\/bon-a-savoir\/?p=41"},"modified":"2026-09-30T14:36:51","modified_gmt":"2026-09-30T14:36:51","slug":"le-calendrier-de-lavent-veille-decembre-2025","status":"publish","type":"post","link":"https:\/\/ls-a.fr\/bon-a-savoir\/le-calendrier-de-lavent-veille-decembre-2025\/","title":{"rendered":"Le calendrier de l’Avent (Veille) : D\u00e9cembre 2025"},"content":{"rendered":"\n

Le 2 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Propri\u00e9t\u00e9 CSS color-scheme<\/p>\n\n\n\n

Depuis d\u00e9cembre 2022, la propri\u00e9t\u00e9 CSS color-scheme simplifie l’impl\u00e9mentation des modes clair et sombre sur les sites web, en permettant au navigateur d’adapter automatiquement les styles en fonction des pr\u00e9f\u00e9rences de l’utilisateur. Une meilleure exp\u00e9rience pour les usagers\u2026 tant que l’on fait attention aux contrastes !<\/p>\n\n\n\n

https:\/\/www.htmhell.dev\/adventcalendar\/2022\/19\/<\/a><\/p>\n\n\n\n

(Et on commence par un lien d’un autre calendrier de l’avent, HTMHell en 2022, pour rester dans le ton !)<\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7401674804921225216<\/a><\/p>\n\n\n\n

Le 3 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Dark mode et accessibilit\u00e9<\/p>\n\n\n\n

Non, le dark mode n\u2019est pas magiquement<\/em> accessible. St\u00e9phanie Walter faisait le point en mai 2024, avec nuance et p\u00e9dagogie. Et cela restera toujours d’actualit\u00e9 !<\/p>\n\n\n\n

https:\/\/stephaniewalter.design\/fr\/blog\/theme-sombre-dark-mode-et-mythe-daccessibilite\/<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7401983548879994880<\/a><\/p>\n\n\n\n

Le 4 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Analyse technique de fichiers PDF

Plonger dans les entrailles d\u2019un PDF pour mieux comprendre pourquoi certains sont inaccessibles. Une s\u00e9rie technique (on vous aura pr\u00e9venu), mais tr\u00e8s instructive.<\/p>\n\n\n\n

https:\/\/news.speedata.de\/2024\/03\/19\/insidepdf-01<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7402346020002844673<\/a><\/p>\n\n\n\n

Le 5 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc \u00ab\u00a0URL Parts\u00a0\u00bb \u2013 Outil interactif pour analyser les composants d’une URL<\/p>\n\n\n\n

D\u00e9couvrez cet outil interactif qui d\u00e9compose les URLs en leurs composants essentiels, offrant une meilleure compr\u00e9hension de leur structure. Un atout pr\u00e9cieux pour les d\u00e9veloppeurs web et les \u00e9tudiants en informatique.<\/p>\n\n\n\n

https:\/\/chrome.dev\/url-parts\/?url=https:\/\/foo.com.au:1234\/bar\/foo.html#bar<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7402708353434632192<\/a><\/p>\n\n\n\n

Le 6 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc \u00ab\u00a0When JavaScript Fails\u00a0\u00bb par Jason Godesky<\/p>\n\n\n\n

Dans son article \u00ab\u00a0When JavaScript Fails\u00a0\u00bb de f\u00e9vrier 2023, Jason Godesky abordait les cons\u00e9quences d’une d\u00e9pendance excessive \u00e0 JavaScript et souligne l’importance de l’am\u00e9lioration progressive. Une lecture essentielle pour les personnes soucieuces de l’accessibilit\u00e9 et de la r\u00e9silience de leurs sites web.<\/p>\n\n\n\n

https:\/\/medium.com\/@jason.godesky\/when-javascript-fails-52eef47e90db<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7403070730512621568<\/a><\/p>\n\n\n\n

Le 7 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Utiliser CSS pour dessiner<\/p>\n\n\n\n

En juin 2022, Asyraf Hussin partageait un speedart de dessin en CSS. Impressionnant de voir tout ce qu’il est possible de faire, uniquement en code.<\/p>\n\n\n\n

https:\/\/xcancel.com\/asyrafhussin4\/status\/1541307022297030656<\/a>
Lien CodePen : https:\/\/codepen.io\/AsyrafHussin\/pen\/LYdPOoG<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7403433125781110784<\/a><\/p>\n\n\n\n

Le 8 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc \u00ab\u00a0Manuel de survie de la femme dans la tech\u00a0\u00bb par Florence Chabanois sur Duchess France<\/p>\n\n\n\n

Le 15 janvier 2023, Florence Chabanois a publi\u00e9 sur Duchess France un \u00ab\u00a0Manuel de survie de la femme dans la tech\u00a0\u00bb, offrant des perspectives essentielles sur les d\u00e9fis uniques auxquels les femmes font face dans le secteur technologique et proposant des strat\u00e9gies pour les surmonter. Une lecture incontournable pour promouvoir la diversit\u00e9 et l’inclusion dans notre industrie.<\/p>\n\n\n\n

https:\/\/www.duchess-france.fr\/dossier\/women%20in%20tech\/alli%C3%A9s\/2023\/01\/15\/manuel-survie-femme-tech.html<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7403795545867411458<\/a><\/p>\n\n\n\n

Le 9 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Condamnation de l\u2019\u00c9tat pour inaccessibilit\u00e9 num\u00e9rique<\/p>\n\n\n\n

C’\u00e9tait une premi\u00e8re : en mai 2024, l\u2019\u00c9tat a \u00e9t\u00e9 condamn\u00e9 pour avoir fourni des logiciels inaccessibles. Une avanc\u00e9e majeure dans la reconnaissance des droits num\u00e9riques.<\/p>\n\n\n\n

https:\/\/apidv.org\/actualites\/premiere-condamnation-de-l-etat-pour-inaccessibilite-numerique-de-logiciels-aux-personnes-deficientes-visuelles<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7404157901000433664<\/a><\/p>\n\n\n\n

Le 10 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Nommer les rep\u00e8res ARIA ?<\/p>\n\n\n\n

Nommer tous vos landmarks ? Mauvaise id\u00e9e selon Adrian Roselli. Explication tr\u00e8s argument\u00e9e ici, et publi\u00e9e en juin 2024.
Les landmarks sont des r\u00e9gions de vos pages web, d\u00e9finies en HTML, et qui sont retranscrites par les lecteurs d’\u00e9cran. C’est un travail d’UX, parfois non-visuel, consistant \u00e0 d\u00e9terminer quelles sont les zones importantes d’une page. Une personne utilisant un lecteur d’\u00e9cran pourra \u00ab\u00a0sauter\u00a0\u00bb d’une r\u00e9gion \u00e0 une autre.<\/p>\n\n\n\n

https:\/\/adrianroselli.com\/2024\/06\/maybe-dont-name-that-landmark.html<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7404520283644231681<\/a><\/p>\n\n\n\n

Le 11 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Animations CSS bas\u00e9es sur le d\u00e9filement par Ryan Mulligan<\/p>\n\n\n\n

Dans son article de 2023, Ryan Mulligan a publi\u00e9 approfondi sur les animations li\u00e9es au d\u00e9filement, explorant leur utilisation efficace dans le d\u00e9veloppement web.
Tr\u00e8s (trop ?) peu connues, les animations CSS sont une possibilit\u00e9 d’\u00e9viter des fichiers trop lourds et incontr\u00f4lables par l’usager (gif, parfois m\u00eame vid\u00e9os). Une ressource incontournable pour les d\u00e9veloppeurs souhaitant enrichir l’exp\u00e9rience utilisateur sur leurs sites.<\/p>\n\n\n\n

https:\/\/ryanmulligan.dev\/blog\/scroll-driven-animations\/<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7404882684642177024<\/a><\/p>\n\n\n\n

Le 12 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc GREP Exercises par Pritish Uplavikar<\/p>\n\n\n\n

Pour ceux qui souhaitent approfondir leur ma\u00eetrise de la commande GREP, le d\u00e9p\u00f4t GitHub de Pritish Uplavikar propose une s\u00e9rie d’exercices progressifs. Une excellente ressource pour am\u00e9liorer vos comp\u00e9tences en ligne de commande.<\/p>\n\n\n\n

https:\/\/github.com\/pritishuplavikar\/GREP-exercises\/tree\/master<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7405245045311803393<\/a><\/p>\n\n\n\n

Le 13 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc \u00ab\u00a0How to Use Responsive HTML Video (\u2026and Audio!)\u00a0\u00bb par Scott Jehl<\/p>\n\n\n\n

Le 27 novembre 2023, Scott Jehl a publi\u00e9 un article d\u00e9taillant l’utilisation des attributs media dans les \u00e9l\u00e9ments source des balises video et audio pour d\u00e9livrer des m\u00e9dias adapt\u00e9s \u00e0 la taille de l’\u00e9cran de l’utilisateur.
Si vous r\u00e9alisez des sites web, vous saviez sans doute que les images peuvent \u00eatre charg\u00e9es avec diff\u00e9rentes sources selon la r\u00e9solution, pour \u00e9conomiser de la bande passante. Le saviez-vous pour les vid\u00e9os ? Le saviez-vous\u2026 pour les sons<\/strong> ?<\/p>\n\n\n\n

https:\/\/scottjehl.com\/posts\/using-responsive-video\/<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7405607431331962880<\/a><\/p>\n\n\n\n

Le 14 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Diff\u00e9rences de calcul de dates entre JavaScript et Swift<\/p>\n\n\n\n

Il y a plus de trois ans, BJ Homer mettait en lumi\u00e8re une divergence int\u00e9ressante entre JavaScript et Swift concernant l’interpr\u00e9tation des dates. Quarante-huit heures d’\u00e9cart pour le 1er janvier de l’an 1. Ceci nous rappelle l’importance de bien comprendre les sp\u00e9cificit\u00e9s de chaque langage pour \u00e9viter des incoh\u00e9rences dans nos applications.<\/p>\n\n\n\n

https:\/\/xcancel.com\/bjhomer\/status\/1499821210191872000<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7405969828001349632<\/a><\/p>\n\n\n\n

Le 15 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Et si on repensait notre outil de PAO pour un design plus libre et durable<\/p>\n\n\n\n

Antoine Bardelli publiait en 2023 un article intitul\u00e9 \u201cDe InDesign \u00e0 Scribus\u201d : il invite \u00e0 envisager la migration depuis des solutions propri\u00e9taires vers Scribus, un outil open-source de publication assist\u00e9e par ordinateur (PAO). Ce choix vise l\u2019ind\u00e9pendance logicielle, la p\u00e9rennit\u00e9 des formats et une plus grande libert\u00e9 dans la gestion des documents, tout en gardant la possibilit\u00e9 de produire des brochures, magazines ou mises en page professionnelles. Un article toujours d’actualit\u00e9, d’autant qu’il a \u00e9t\u00e9 mis \u00e0 jour en 2025 !<\/p>\n\n\n\n

https:\/\/www.bardelli.fr\/De-Indesign-a-Scribus<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7406332273207332865<\/a><\/p>\n\n\n\n

Le 16 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Comprendre les diff\u00e9rences entre la boucle d’\u00e9v\u00e9nements en JavaScript c\u00f4t\u00e9 client et celle de Node.js c\u00f4t\u00e9 serveur<\/p>\n\n\n\n

En ao\u00fbt 2020, un article de Deepal Jayasekara d\u00e9taillait les diff\u00e9rences entre la boucle d’\u00e9v\u00e9nements en JavaScript c\u00f4t\u00e9 client et celle de Node.js c\u00f4t\u00e9 serveur. Comprendre ces distinctions est essentiel pour optimiser nos applications et \u00e9viter des pi\u00e8ges courants.<\/p>\n\n\n\n

https:\/\/blog.insiderattack.net\/javascript-event-loop-vs-node-js-event-loop-aea2b1b85f5c<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7406694652671602690<\/a><\/p>\n\n\n\n

Le 17 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Et si on arr\u00eatait de viser des \u201ctailles d\u2019\u00e9cran id\u00e9ales\u201d en web design ?<\/p>\n\n\n\n

En 2023, Set Studio publiait \u00ab\u00a0The ideal viewport doesn\u2019t exist\u00a0\u00bb. Cette \u00e9tude montre que, sur plus de 120 000 visites r\u00e9elles, on recense 2 300+ tailles de viewport diff\u00e9rentes. Cela prouve que la fragmentation des tailles d\u2019\u00e9cran et de fen\u00eatres est bien r\u00e9elle, et qu\u2019un design bas\u00e9 sur quelques \u201cbreakpoints standards\u201d ne suffit plus pour couvrir toute la diversit\u00e9 des configurations utilisateurs.
C’\u00e9tait en 2023, imaginez cette ann\u00e9e !<\/p>\n\n\n\n

https:\/\/viewports.fyi<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7407057023663628292<\/a><\/p>\n\n\n\n

Le 18 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Lisibilit\u00e9 vs performance en JavaScript<\/p>\n\n\n\n

En juillet 2022, un article approfondi de Shimin Zhang explorait le mythe selon lequel la lisibilit\u00e9 du code JavaScript serait oppos\u00e9e \u00e0 ses performances. L’auteur d\u00e9montre, exemples \u00e0 l’appui, que des solutions plus lisibles peuvent en r\u00e9alit\u00e9 offrir de meilleures performances, remettant en question l’id\u00e9e re\u00e7ue selon laquelle l’optimisation pr\u00e9matur\u00e9e justifie un code moins clair.<\/p>\n\n\n\n

Sur dev.to : https:\/\/dev.to\/itstrueintheory\/javascript-readability-vs-performance-a-false-tradeoff-520b<\/a><\/p>\n\n\n\n

LinkedIn : https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7407419435814248448<\/a><\/p>\n\n\n\n

Le 19 d\u00e9cembre 2025<\/h2>\n\n\n\n

\ud83d\udccc Blockquotes et lecteurs d\u2019\u00e9cran<\/p>\n\n\n\n

Les blockquotes (blocs de citation dans vos pages web) ne sont pas toujours per\u00e7us comme on l\u2019imagine par les technologies d\u2019assistance. En juillet 2023, Adrian Roselli proposait une analyse utile pour qui con\u00e7oit du contenu HTML. Ces blocs de citation sont utiles dans de nombreux cas de sites vitrines et institutionnels :<\/p>\n\n\n\n